mirror of
https://github.com/home-assistant/home-assistant.io.git
synced 2025-07-19 07:17:14 +00:00
Update Card Descriptions - Current Branch (#12259)
This commit is contained in:
parent
f343f9119e
commit
516380b474
@ -1,10 +1,10 @@
|
|||||||
---
|
---
|
||||||
title: "Alarm Panel Card"
|
title: "Alarm Panel Card"
|
||||||
sidebar_label: Alarm Panel
|
sidebar_label: Alarm Panel
|
||||||
description: "The Alarm Panel allows you to Arm and Disarm your Alarm Control Panel Integrations"
|
description: "The Alarm Panel card allows you to Arm and Disarm your alarm control panel integrations."
|
||||||
---
|
---
|
||||||
|
|
||||||
The Alarm Panel allows you to Arm and Disarm your Alarm Control Panel Integrations.
|
The Alarm Panel card allows you to Arm and Disarm your alarm control panel integrations.
|
||||||
|
|
||||||
<p class='img'>
|
<p class='img'>
|
||||||
<img src='/images/lovelace/lovelace_alarm_panel_card.gif' alt='Screenshot of the alarm panel card'>
|
<img src='/images/lovelace/lovelace_alarm_panel_card.gif' alt='Screenshot of the alarm panel card'>
|
||||||
|
@ -1,7 +1,7 @@
|
|||||||
---
|
---
|
||||||
title: "Button Card"
|
title: "Button Card"
|
||||||
sidebar_label: Button
|
sidebar_label: Button
|
||||||
description: "The Button card allows you to add buttons to perform tasks"
|
description: "The Button card allows you to add buttons to perform tasks."
|
||||||
---
|
---
|
||||||
|
|
||||||
The Button card allows you to add buttons to perform tasks.
|
The Button card allows you to add buttons to perform tasks.
|
||||||
|
@ -1,10 +1,10 @@
|
|||||||
---
|
---
|
||||||
title: Conditional Card
|
title: Conditional Card
|
||||||
sidebar_label: Conditional
|
sidebar_label: Conditional
|
||||||
description: Displays another card based on entity states.
|
description: The Conditional card displays another card based on entity states.
|
||||||
---
|
---
|
||||||
|
|
||||||
Displays another card based on entity states.
|
The Conditional card displays another card based on entity states.
|
||||||
|
|
||||||
{% configuration %}
|
{% configuration %}
|
||||||
type:
|
type:
|
||||||
|
@ -1,10 +1,10 @@
|
|||||||
---
|
---
|
||||||
title: "Entities Card"
|
title: "Entities Card"
|
||||||
sidebar_label: Entities
|
sidebar_label: Entities
|
||||||
description: "Entities will be the most common type of card that will also be the most familiar to people using the standard interface. It groups items together very close to how groups used to do."
|
description: "The Entities card is the most common type of card. It groups items together into lists."
|
||||||
---
|
---
|
||||||
|
|
||||||
Entities will be the most common type of card that will also be the most familiar to people using the standard interface. It groups items together very close to how groups used to do.
|
The Entities card is the most common type of card. It groups items together into lists.
|
||||||
|
|
||||||
{% configuration %}
|
{% configuration %}
|
||||||
type:
|
type:
|
||||||
|
@ -1,10 +1,10 @@
|
|||||||
---
|
---
|
||||||
title: "Entity Filter Card"
|
title: "Entity Filter Card"
|
||||||
sidebar_label: Entity Filter
|
sidebar_label: Entity Filter
|
||||||
description: "This card allows you to define a list of entities that you want to track only when in a certain state. Very useful for showing lights that you forgot to turn off or show a list of people only when they're at home. "
|
description: "The Entity Filter card allows you to define a list of entities that you want to track only when in a certain state. Very useful for showing lights that you forgot to turn off or show a list of people only when they're at home. "
|
||||||
---
|
---
|
||||||
|
|
||||||
This card allows you to define a list of entities that you want to track only when in a certain state. Very useful for showing lights that you forgot to turn off or show a list of people only when they're at home.
|
The Entity Filter card allows you to define a list of entities that you want to track only when in a certain state. Very useful for showing lights that you forgot to turn off or show a list of people only when they're at home.
|
||||||
|
|
||||||
This type of card can also be used together with rest of cards that allow multiple entities, allowing you to use [glance](/lovelace/glance/) or [picture-glance](/lovelace/picture-glance/). By default it uses [entities](/lovelace/entities/) card model.
|
This type of card can also be used together with rest of cards that allow multiple entities, allowing you to use [glance](/lovelace/glance/) or [picture-glance](/lovelace/picture-glance/). By default it uses [entities](/lovelace/entities/) card model.
|
||||||
|
|
||||||
|
@ -1,10 +1,10 @@
|
|||||||
---
|
---
|
||||||
title: "Gauge Card"
|
title: "Gauge Card"
|
||||||
sidebar_label: Gauge
|
sidebar_label: Gauge
|
||||||
description: "The Gauge card allows you to display sensor information visually"
|
description: "The Gauge card is a basic card that allows visually seeing sensor data."
|
||||||
---
|
---
|
||||||
|
|
||||||
Gauge card is a basic card that allows visually seeing sensor data.
|
The Gauge card is a basic card that allows visually seeing sensor data.
|
||||||
|
|
||||||
<p class='img'>
|
<p class='img'>
|
||||||
<img src='/images/lovelace/lovelace_gauge_card.gif' alt='Screenshot of the gauge card'>
|
<img src='/images/lovelace/lovelace_gauge_card.gif' alt='Screenshot of the gauge card'>
|
||||||
|
@ -1,10 +1,10 @@
|
|||||||
---
|
---
|
||||||
title: "Glance Card"
|
title: "Glance Card"
|
||||||
sidebar_label: Glance
|
sidebar_label: Glance
|
||||||
description: "The Glance card allows you to see a list of entities at a glance."
|
description: "The Glance card is useful to group multiple sensors in a compact overview."
|
||||||
---
|
---
|
||||||
|
|
||||||
Glance cards are very compact. Very useful to group together multiple sensors for a quick and easy overview. Keep in mind that this can be used together with [entity-filter](/lovelace/entity-filter/) cards to create dynamic cards.
|
The Glance card is useful to group multiple sensors in a compact overview. Keep in mind that this can be used together with [entity-filter](/lovelace/entity-filter/) cards to create dynamic cards.
|
||||||
|
|
||||||
<p class='img'>
|
<p class='img'>
|
||||||
<img src='/images/lovelace/lovelace_glance_card.png' alt='Screenshot of the glance card'>
|
<img src='/images/lovelace/lovelace_glance_card.png' alt='Screenshot of the glance card'>
|
||||||
|
@ -1,10 +1,10 @@
|
|||||||
---
|
---
|
||||||
title: "History Graph Card"
|
title: "History Graph Card"
|
||||||
sidebar_label: History Graph
|
sidebar_label: History Graph
|
||||||
description: "History graph is a basic card, allowing you to display a graph for each of the entities in the list specified as config."
|
description: "The History Graph card allows you to display a graph for each of the entities listed."
|
||||||
---
|
---
|
||||||
|
|
||||||
History graph is a basic card, allowing you to display a graph for each of the entities in the list specified configuration.
|
The History Graph card allows you to display a graph for each of the entities listed.
|
||||||
|
|
||||||
<p class='img'>
|
<p class='img'>
|
||||||
<img src='/images/lovelace/lovelace_history_graph.png' alt='Screenshot of the history graph card for entities without a unit_of_measurement'>
|
<img src='/images/lovelace/lovelace_history_graph.png' alt='Screenshot of the history graph card for entities without a unit_of_measurement'>
|
||||||
|
@ -1,10 +1,10 @@
|
|||||||
---
|
---
|
||||||
title: "Horizontal Stack Card"
|
title: "Horizontal Stack Card"
|
||||||
sidebar_label: Horizontal Stack
|
sidebar_label: Horizontal Stack
|
||||||
description: "Horizontal stack card allows you to stack together multiple cards, so they always sit next to each other in the space of one column."
|
description: "The Horizontal Stack card allows you to stack together multiple cards, so they always sit next to each other in the space of one column."
|
||||||
---
|
---
|
||||||
|
|
||||||
Horizontal stack card allows you to stack together multiple cards, so they always sit next to each other in the space of one column.
|
The Horizontal Stack card allows you to stack together multiple cards, so they always sit next to each other in the space of one column.
|
||||||
|
|
||||||
{% configuration %}
|
{% configuration %}
|
||||||
type:
|
type:
|
||||||
|
@ -1,18 +1,18 @@
|
|||||||
---
|
---
|
||||||
title: "Iframe Card"
|
title: "Webpage Card"
|
||||||
sidebar_label: Iframe
|
sidebar_label: Webpage
|
||||||
description: "Embed data from other webservices in your dashboard."
|
description: "The Webpage card allows you to embed your favorite webpage right into Home Assistant."
|
||||||
---
|
---
|
||||||
|
|
||||||
Embed data from other webservices in your dashboard. You can also embed files stored in your `<config-directory>/www` folder and reference them using `/local/<file>`.
|
The Webpage card allows you to embed your favorite webpage right into Home Assistant. You can also embed files stored in your `<config-directory>/www` folder and reference them using `/local/<file>`.
|
||||||
|
|
||||||
<div class='note warning'>
|
<div class='note warning'>
|
||||||
You can't embed sites using HTTP if you are using HTTPS for your Home Assistant.
|
You can't embed sites using HTTP if you are using HTTPS for your Home Assistant.
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<p class='img'>
|
<p class='img'>
|
||||||
<img width="500" src='/images/lovelace/lovelace_iframe.png' alt='Windy weather radar as iframe'>
|
<img width="500" src='/images/lovelace/lovelace_iframe.png' alt='Windy weather radar as Webpage'>
|
||||||
Windy weather radar as iframe.
|
Windy weather radar as Webpage.
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
{% configuration %}
|
{% configuration %}
|
||||||
|
@ -1,10 +1,10 @@
|
|||||||
---
|
---
|
||||||
title: "Map Card"
|
title: "Map Card"
|
||||||
sidebar_label: Map
|
sidebar_label: Map
|
||||||
description: "A card that allows you to display entities on a map"
|
description: "The Map card that allows you to display entities on a map"
|
||||||
---
|
---
|
||||||
|
|
||||||
A card that allows you to display entities on a map.
|
The Map card that allows you to display entities on a map
|
||||||
|
|
||||||
<p class='img'>
|
<p class='img'>
|
||||||
<img src='/images/lovelace/lovelace_map_card.png' alt='Screenshot of the map card'>
|
<img src='/images/lovelace/lovelace_map_card.png' alt='Screenshot of the map card'>
|
||||||
|
@ -1,10 +1,10 @@
|
|||||||
---
|
---
|
||||||
title: "Markdown Card"
|
title: "Markdown Card"
|
||||||
sidebar_label: Markdown
|
sidebar_label: Markdown
|
||||||
description: "Markdown card is used to render markdown"
|
description: "The Markdown card is used to render Markdown"
|
||||||
---
|
---
|
||||||
|
|
||||||
Markdown card is used to render [Markdown](https://commonmark.org/help/).
|
The Markdown card is used to render [Markdown](https://commonmark.org/help/).
|
||||||
|
|
||||||
The renderer uses [Marked.js](https://marked.js.org), which supports [several specifications of Markdown](https://marked.js.org/#/README.md#specifications), including CommonMark, GitHub Flavored Markdown (GFM) and `markdown.pl`.
|
The renderer uses [Marked.js](https://marked.js.org), which supports [several specifications of Markdown](https://marked.js.org/#/README.md#specifications), including CommonMark, GitHub Flavored Markdown (GFM) and `markdown.pl`.
|
||||||
|
|
||||||
|
@ -1,10 +1,10 @@
|
|||||||
---
|
---
|
||||||
title: "Media Control Card"
|
title: "Media Control Card"
|
||||||
sidebar_label: Media Control
|
sidebar_label: Media Control
|
||||||
description: "The media controller card is used to display Media Player entities on an interface with easy to use controls. "
|
description: "The Media Control card is used to display media player entities on an interface with easy to use controls."
|
||||||
---
|
---
|
||||||
|
|
||||||
The media control card is used to display [Media Player](/integrations/#search/media-player) entities on an interface with easy to use controls.
|
The Media Control card is used to display [Media Player](/integrations/#search/media-player) entities on an interface with easy to use controls.
|
||||||
|
|
||||||
<p class='img'>
|
<p class='img'>
|
||||||
<img src='/images/lovelace/lovelace_mediaplayer.png' alt='Screenshot of the media player control card'>
|
<img src='/images/lovelace/lovelace_mediaplayer.png' alt='Screenshot of the media player control card'>
|
||||||
|
@ -1,10 +1,10 @@
|
|||||||
---
|
---
|
||||||
title: "Picture Elements Card"
|
title: "Picture Elements Card"
|
||||||
sidebar_label: Picture Elements
|
sidebar_label: Picture Elements
|
||||||
description: "Picture elements card is one of the most versatile types of cards"
|
description: "The Picture Elements card is one of the most versatile types of cards. The cards allow you to position icons or text and even services! On an image based on coordinates."
|
||||||
---
|
---
|
||||||
|
|
||||||
Picture elements card is one of the most versatile types of cards.
|
The Picture Elements card is one of the most versatile types of cards.
|
||||||
|
|
||||||
The cards allow you to position icons or text and even services! On an image based on coordinates. Imagine floor plan, imagine [picture-glance](/lovelace/picture-glance/) with no restrictions!
|
The cards allow you to position icons or text and even services! On an image based on coordinates. Imagine floor plan, imagine [picture-glance](/lovelace/picture-glance/) with no restrictions!
|
||||||
|
|
||||||
|
@ -1,10 +1,10 @@
|
|||||||
---
|
---
|
||||||
title: Picture Entity Card
|
title: Picture Entity Card
|
||||||
sidebar_label: Picture Entity
|
sidebar_label: Picture Entity
|
||||||
description: Displays the entity in form of an image. Instead of images from URL it can also show the picture of `camera` entities.
|
description: The Picture Entity card displays an entity in the form of an image. Instead of images from URL, it can also show the picture of camera entities.
|
||||||
---
|
---
|
||||||
|
|
||||||
Displays the entity in form of an image. Instead of images from URL it can also show the picture of `camera` entities.
|
The Picture Entity card displays an entity in the form of an image. Instead of images from URL, it can also show the picture of `camera` entities.
|
||||||
|
|
||||||
<p class='img'>
|
<p class='img'>
|
||||||
<img src='/images/lovelace/lovelace_picture_entity.gif' alt='Picture entity card'>
|
<img src='/images/lovelace/lovelace_picture_entity.gif' alt='Picture entity card'>
|
||||||
|
@ -1,10 +1,10 @@
|
|||||||
---
|
---
|
||||||
title: "Picture Glance Card"
|
title: "Picture Glance Card"
|
||||||
sidebar_label: Picture Glance
|
sidebar_label: Picture Glance
|
||||||
description: "Show an image card and corresponding entity states as icon"
|
description: "The Picture Glance card shows an image and corresponding entity states as an icon. The entities on the right side allow toggle actions, others show the more information dialog."
|
||||||
---
|
---
|
||||||
|
|
||||||
Show an image card and corresponding entity states as icon. The entities on the right side allow toggle actions, others show the more-info-dialog.
|
The Picture Glance card shows an image and corresponding entity states as an icon. The entities on the right side allow toggle actions, others show the more information dialog.
|
||||||
|
|
||||||
<p class='img'>
|
<p class='img'>
|
||||||
<img src='/images/lovelace/lovelace_picture_glance.gif' alt='Picture glance card for a living room'>
|
<img src='/images/lovelace/lovelace_picture_glance.gif' alt='Picture glance card for a living room'>
|
||||||
|
@ -1,10 +1,10 @@
|
|||||||
---
|
---
|
||||||
title: "Picture Card"
|
title: "Picture Card"
|
||||||
sidebar_label: Picture
|
sidebar_label: Picture
|
||||||
description: "A very simple card that allows you to set an image to use for navigation to various paths in your interface or to call a service."
|
description: "The Picture card allows you to set an image to use for navigation to various paths in your interface or to call a service."
|
||||||
---
|
---
|
||||||
|
|
||||||
A very simple card that allows you to set an image to use for navigation to various paths in your interface or to call a service.
|
The Picture card allows you to set an image to use for navigation to various paths in your interface or to call a service.
|
||||||
|
|
||||||
<p class='img'>
|
<p class='img'>
|
||||||
<img src='/images/lovelace/lovelace_picture.png' alt='Screenshot of the picture card'>
|
<img src='/images/lovelace/lovelace_picture.png' alt='Screenshot of the picture card'>
|
||||||
|
@ -1,10 +1,10 @@
|
|||||||
---
|
---
|
||||||
title: "Plant Status Card"
|
title: "Plant Status Card"
|
||||||
sidebar_label: Plant Status
|
sidebar_label: Plant Status
|
||||||
description: "The Plant card gives you an easy way of viewing the status of your plants"
|
description: "The Plant Status card is for all the lovely botanists out there."
|
||||||
---
|
---
|
||||||
|
|
||||||
A card for all the lovely botanists out there.
|
The Plant Status card is for all the lovely botanists out there.
|
||||||
|
|
||||||
<p class='img'>
|
<p class='img'>
|
||||||
<img src='/images/lovelace/lovelace_plant_card.png' alt='Screenshot of the plant status card'>
|
<img src='/images/lovelace/lovelace_plant_card.png' alt='Screenshot of the plant status card'>
|
||||||
|
@ -1,10 +1,10 @@
|
|||||||
---
|
---
|
||||||
title: "Sensor Card"
|
title: "Sensor Card"
|
||||||
sidebar_label: Sensor
|
sidebar_label: Sensor
|
||||||
description: "The sensor card gives you information about the sensor state"
|
description: "The Sensor card gives you a quick overview of your sensors state with an optional graph to visualize change over time."
|
||||||
---
|
---
|
||||||
|
|
||||||
The sensor card gives you a quick overview of your sensors state with an optional graph to visualize change over time.
|
The Sensor card gives you a quick overview of your sensors state with an optional graph to visualize change over time.
|
||||||
|
|
||||||
<p class='img'>
|
<p class='img'>
|
||||||
<img src='/images/lovelace/lovelace_sensor.png' alt='Screenshot of the sensor card'>
|
<img src='/images/lovelace/lovelace_sensor.png' alt='Screenshot of the sensor card'>
|
||||||
|
@ -1,10 +1,10 @@
|
|||||||
---
|
---
|
||||||
title: "Shopping List Card"
|
title: "Shopping List Card"
|
||||||
sidebar_label: Shopping List
|
sidebar_label: Shopping List
|
||||||
description: "The Shopping List Card allows you to add, edit, check-off, and clear items from your shopping list"
|
description: "The Shopping List card allows you to add, edit, check-off, and clear items from your shopping list."
|
||||||
---
|
---
|
||||||
|
|
||||||
The Shopping List Card allows you to add, edit, check-off, and clear items from your shopping list.
|
The Shopping List card allows you to add, edit, check-off, and clear items from your shopping list.
|
||||||
|
|
||||||
Setup of the [Shopping List Intent](/integrations/shopping_list/) is required
|
Setup of the [Shopping List Intent](/integrations/shopping_list/) is required
|
||||||
|
|
||||||
|
@ -1,10 +1,10 @@
|
|||||||
---
|
---
|
||||||
title: "Thermostat Card"
|
title: "Thermostat Card"
|
||||||
sidebar_label: Thermostat
|
sidebar_label: Thermostat
|
||||||
description: "The thermostat card allows you to control a climate entity."
|
description: "The Thermostat card gives control of your climate entity. Allowing you to change the temperature and mode of the entity."
|
||||||
---
|
---
|
||||||
|
|
||||||
The thermostat card gives control of your climate entity.
|
The Thermostat card gives control of your climate entity. Allowing you to change the temperature and mode of the entity.
|
||||||
|
|
||||||
<p class='img'>
|
<p class='img'>
|
||||||
<img src='/images/lovelace/lovelace_thermostat_card.gif' alt='Screenshot of the thermostat card'>
|
<img src='/images/lovelace/lovelace_thermostat_card.gif' alt='Screenshot of the thermostat card'>
|
||||||
|
@ -1,10 +1,10 @@
|
|||||||
---
|
---
|
||||||
title: "Vertical Stack Card"
|
title: "Vertical Stack Card"
|
||||||
sidebar_label: Vertical Stack
|
sidebar_label: Vertical Stack
|
||||||
description: "The Vertical Stack card allows you to stack multiple cards together"
|
description: "The Vertical Stack card allows you to group multiple cards so they always sit in the same column."
|
||||||
---
|
---
|
||||||
|
|
||||||
Vertical stack allows you to group multiple cards so they always sit in the same column.
|
The Vertical Stack card allows you to group multiple cards so they always sit in the same column.
|
||||||
|
|
||||||
{% configuration %}
|
{% configuration %}
|
||||||
type:
|
type:
|
||||||
|
@ -1,10 +1,10 @@
|
|||||||
---
|
---
|
||||||
title: "Weather Forecast Card"
|
title: "Weather Forecast Card"
|
||||||
sidebar_label: Weather Forecast
|
sidebar_label: Weather Forecast
|
||||||
description: "The Weather card allows you a visual card to display the weather."
|
description: "The Weather Forecast card displays the weather. Very useful to include on interfaces that people display on the wall."
|
||||||
---
|
---
|
||||||
|
|
||||||
The weather forecast is a card to display the weather. Very useful to include on interfaces that people display on the wall.
|
The Weather Forecast card displays the weather. Very useful to include on interfaces that people display on the wall.
|
||||||
|
|
||||||
<p class='img'>
|
<p class='img'>
|
||||||
<img src='/images/lovelace/lovelace_weather.png' alt='Screenshot of the weather card'>
|
<img src='/images/lovelace/lovelace_weather.png' alt='Screenshot of the weather card'>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user