mirror of
https://github.com/home-assistant/home-assistant.io.git
synced 2025-07-23 01:06:52 +00:00
Cards: link to cards and themes (#31970)
This commit is contained in:
parent
7b00bfb23c
commit
a7a519a19f
@ -5,7 +5,7 @@ sidebar_label: Alarm panel
|
|||||||
description: "The alarm panel card 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 card allows you to arm and disarm your [alarm control panel](/integrations/#alarm) integrations.
|
The alarm panel card allows you to arm and disarm your [alarm control panel](/integrations/#alarm) {% term integrations %}.
|
||||||
|
|
||||||
<p class='img'>
|
<p class='img'>
|
||||||
<img src='/images/dashboards/alarm_panel_card.gif' alt='Screenshot of the alarm panel card'>
|
<img src='/images/dashboards/alarm_panel_card.gif' alt='Screenshot of the alarm panel card'>
|
||||||
@ -81,3 +81,8 @@ states:
|
|||||||
- arm_night
|
- arm_night
|
||||||
- armed_custom_bypass
|
- armed_custom_bypass
|
||||||
```
|
```
|
||||||
|
|
||||||
|
## Related topics
|
||||||
|
|
||||||
|
- [Themes](/integrations/frontend/)
|
||||||
|
- [Dashboard cards](/dashboards/cards/)
|
@ -5,7 +5,7 @@ sidebar_label: Area
|
|||||||
description: "The area card gives control of your entities in a specified area."
|
description: "The area card gives control of your entities in a specified area."
|
||||||
---
|
---
|
||||||
|
|
||||||
The area card lets you control and monitor an individual area.
|
The area card lets you control and monitor an individual {% term area %}.
|
||||||
|
|
||||||
<p class='img'>
|
<p class='img'>
|
||||||
<img src='/images/dashboards/area-card.png' alt='Screenshot of the area card'>
|
<img src='/images/dashboards/area-card.png' alt='Screenshot of the area card'>
|
||||||
@ -16,9 +16,9 @@ The area card lets you control and monitor an individual area.
|
|||||||
|
|
||||||
All options for this card can be configured via the user interface.
|
All options for this card can be configured via the user interface.
|
||||||
|
|
||||||
Buttons will appear on the card for the entities in the area including fan, light and switch. A motion sensor icon will appear in the top left if a motion sensor is in the area and motion is detected by the motion sensor.
|
Buttons will appear on the card for the {% term entities %} in the area including fan, light, and switch. A motion sensor icon will appear in the top left if a motion sensor is in the area and if motion is detected by the motion sensor.
|
||||||
|
|
||||||
If a camera is added to the area you can show the camera feed instead of the area picture.
|
If a camera is added to the {% term area %} you can show the camera feed instead of the area picture.
|
||||||
|
|
||||||
## YAML configuration
|
## YAML configuration
|
||||||
|
|
||||||
@ -86,3 +86,8 @@ navigation_path: my_bedroom
|
|||||||
show_camera: true
|
show_camera: true
|
||||||
theme: green
|
theme: green
|
||||||
```
|
```
|
||||||
|
|
||||||
|
## Related topics
|
||||||
|
|
||||||
|
- [Themes](/integrations/frontend/)
|
||||||
|
- [Dashboard cards](/dashboards/cards/)
|
@ -140,4 +140,6 @@ Screenshot of the button card with script service.
|
|||||||
## Related topics
|
## Related topics
|
||||||
|
|
||||||
- [Card actions](/dashboards/actions/)
|
- [Card actions](/dashboards/actions/)
|
||||||
- [Scripts](/docs/scripts/)
|
- [Scripts](/docs/scripts/)
|
||||||
|
- [Themes](/integrations/frontend/)
|
||||||
|
- [Dashboard cards](/dashboards/cards/)
|
@ -5,7 +5,7 @@ sidebar_label: Calendar
|
|||||||
description: "The calendar card displays your calendar entities in a month, day and list view"
|
description: "The calendar card displays your calendar entities in a month, day and list view"
|
||||||
---
|
---
|
||||||
|
|
||||||
The calendar card displays your [calendar](/integrations/#calendar) entities in a month, day and list view (7 days).
|
The calendar card displays your [calendar](/integrations/#calendar) {% term entities %} in a month, day, and list view (7 days).
|
||||||
|
|
||||||
<p class='img'>
|
<p class='img'>
|
||||||
<img src='/images/dashboards/calendar_card.png' alt='Screenshot of the
|
<img src='/images/dashboards/calendar_card.png' alt='Screenshot of the
|
||||||
@ -52,3 +52,8 @@ entities:
|
|||||||
- calendar.calendar_1
|
- calendar.calendar_1
|
||||||
- calendar.calendar_2
|
- calendar.calendar_2
|
||||||
```
|
```
|
||||||
|
|
||||||
|
## Related topics
|
||||||
|
|
||||||
|
- [Themes](/integrations/frontend/)
|
||||||
|
- [Dashboard cards](/dashboards/cards/)
|
@ -36,6 +36,7 @@ card:
|
|||||||
## Examples
|
## Examples
|
||||||
|
|
||||||
Only show when all the conditions are met:
|
Only show when all the conditions are met:
|
||||||
|
|
||||||
```yaml
|
```yaml
|
||||||
type: conditional
|
type: conditional
|
||||||
conditions:
|
conditions:
|
||||||
@ -59,6 +60,7 @@ card:
|
|||||||
```
|
```
|
||||||
|
|
||||||
Example condition where only one of the conditions needs to be met:
|
Example condition where only one of the conditions needs to be met:
|
||||||
|
|
||||||
```yaml
|
```yaml
|
||||||
type: conditional
|
type: conditional
|
||||||
conditions:
|
conditions:
|
||||||
@ -188,3 +190,7 @@ users:
|
|||||||
description: User ID that can see the card (unique hex value found on the Users configuration page).
|
description: User ID that can see the card (unique hex value found on the Users configuration page).
|
||||||
type: list
|
type: list
|
||||||
{% endconfiguration %}
|
{% endconfiguration %}
|
||||||
|
|
||||||
|
## Related topics
|
||||||
|
|
||||||
|
- [Dashboard cards](/dashboards/cards/)
|
@ -229,3 +229,8 @@ The following example limits the number of shown devices to 5:
|
|||||||
type: energy-devices-detail-graph
|
type: energy-devices-detail-graph
|
||||||
max_devices: 5
|
max_devices: 5
|
||||||
```
|
```
|
||||||
|
|
||||||
|
## Related topics
|
||||||
|
|
||||||
|
- [Themes](/integrations/frontend/)
|
||||||
|
- [Dashboard cards](/dashboards/cards/)
|
@ -460,4 +460,5 @@ entities:
|
|||||||
## Related topics
|
## Related topics
|
||||||
|
|
||||||
- [Card actions](/dashboards/actions/)
|
- [Card actions](/dashboards/actions/)
|
||||||
- [Card header and footer](/dashboards/header-footer/)
|
- [Card header and footer](/dashboards/header-footer/)
|
||||||
|
- [Dashboard cards](/dashboards/cards/)
|
@ -81,4 +81,6 @@ footer:
|
|||||||
|
|
||||||
## Related topics
|
## Related topics
|
||||||
|
|
||||||
- [Card header and footer](/dashboards/header-footer/)
|
- [Card header and footer](/dashboards/header-footer/)
|
||||||
|
- [Themes](/integrations/frontend/)
|
||||||
|
- [Dashboard cards](/dashboards/cards/)
|
@ -181,3 +181,9 @@ segments:
|
|||||||
- from: 65
|
- from: 65
|
||||||
color: var(--error-color)
|
color: var(--error-color)
|
||||||
```
|
```
|
||||||
|
|
||||||
|
|
||||||
|
## Related topics
|
||||||
|
|
||||||
|
- [Themes](/integrations/frontend/)
|
||||||
|
- [Dashboard cards](/dashboards/cards/)
|
@ -160,4 +160,6 @@ entities:
|
|||||||
|
|
||||||
## Related topics
|
## Related topics
|
||||||
|
|
||||||
- [Card actions](/dashboards/actions/)
|
- [Card actions](/dashboards/actions/)
|
||||||
|
- [Themes](/integrations/frontend/)
|
||||||
|
- [Dashboard cards](/dashboards/cards/)
|
@ -80,3 +80,8 @@ cards:
|
|||||||
entity: light.bed_light
|
entity: light.bed_light
|
||||||
image: /local/bed_2.png
|
image: /local/bed_2.png
|
||||||
```
|
```
|
||||||
|
|
||||||
|
## Related topics
|
||||||
|
|
||||||
|
- [Themes](/integrations/frontend/)
|
||||||
|
- [Dashboard cards](/dashboards/cards/)
|
@ -107,3 +107,8 @@ entities:
|
|||||||
- entity: sensor.attic_temperature
|
- entity: sensor.attic_temperature
|
||||||
name: "Attic"
|
name: "Attic"
|
||||||
```
|
```
|
||||||
|
|
||||||
|
## Related topics
|
||||||
|
|
||||||
|
- [Themes](/integrations/frontend/)
|
||||||
|
- [Dashboard cards](/dashboards/cards/)
|
@ -46,3 +46,7 @@ cards:
|
|||||||
<img src='/images/dashboards/horizontal_stack.png' alt='Two picture cards in a horizontal stack card'>
|
<img src='/images/dashboards/horizontal_stack.png' alt='Two picture cards in a horizontal stack card'>
|
||||||
Two picture cards in a horizontal stack card.
|
Two picture cards in a horizontal stack card.
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
|
## Related topics
|
||||||
|
|
||||||
|
- [Dashboard cards](/dashboards/cards/)
|
@ -56,3 +56,7 @@ type: iframe
|
|||||||
url: https://www.home-assistant.io
|
url: https://www.home-assistant.io
|
||||||
aspect_ratio: 75%
|
aspect_ratio: 75%
|
||||||
```
|
```
|
||||||
|
|
||||||
|
## Related topics
|
||||||
|
|
||||||
|
- [Dashboard cards](/dashboards/cards/)
|
@ -83,4 +83,6 @@ Screenshot of the Light card names.
|
|||||||
|
|
||||||
## Related topics
|
## Related topics
|
||||||
|
|
||||||
- [Card actions](/dashboards/actions/)
|
- [Card actions](/dashboards/actions/)
|
||||||
|
- [Themes](/integrations/frontend/)
|
||||||
|
- [Dashboard cards](/dashboards/cards/)
|
@ -65,3 +65,8 @@ entities:
|
|||||||
- light.ceiling_lights
|
- light.ceiling_lights
|
||||||
hours_to_show: 24
|
hours_to_show: 24
|
||||||
```
|
```
|
||||||
|
|
||||||
|
## Related topics
|
||||||
|
|
||||||
|
- [Themes](/integrations/frontend/)
|
||||||
|
- [Dashboard cards](/dashboards/cards/)
|
@ -134,3 +134,8 @@ entities:
|
|||||||
focus: false
|
focus: false
|
||||||
hours_to_show: 48
|
hours_to_show: 48
|
||||||
```
|
```
|
||||||
|
|
||||||
|
## Related topics
|
||||||
|
|
||||||
|
- [Themes](/integrations/frontend/)
|
||||||
|
- [Dashboard cards](/dashboards/cards/)
|
@ -140,3 +140,8 @@ content: |
|
|||||||
<ha-alert alert-type="success">This is a success alert — check it out!</ha-alert>
|
<ha-alert alert-type="success">This is a success alert — check it out!</ha-alert>
|
||||||
<ha-alert title="Test alert">This is an alert with a title</ha-alert>
|
<ha-alert title="Test alert">This is an alert with a title</ha-alert>
|
||||||
```
|
```
|
||||||
|
|
||||||
|
## Related topics
|
||||||
|
|
||||||
|
- [Themes](/integrations/frontend/)
|
||||||
|
- [Dashboard cards](/dashboards/cards/)
|
@ -46,3 +46,8 @@ Basic example:
|
|||||||
type: media-control
|
type: media-control
|
||||||
entity: media_player.lounge_room
|
entity: media_player.lounge_room
|
||||||
```
|
```
|
||||||
|
|
||||||
|
## Related topics
|
||||||
|
|
||||||
|
- [Themes](/integrations/frontend/)
|
||||||
|
- [Dashboard cards](/dashboards/cards/)
|
@ -576,4 +576,6 @@ elements:
|
|||||||
|
|
||||||
## Related topics
|
## Related topics
|
||||||
|
|
||||||
- [Card actions](/dashboards/actions/)
|
- [Card actions](/dashboards/actions/)
|
||||||
|
- [Themes](/integrations/frontend/)
|
||||||
|
- [Dashboard cards](/dashboards/cards/)
|
@ -141,4 +141,6 @@ The filename needs to be a path that is writable by Home Assistant in your syste
|
|||||||
|
|
||||||
## Related topics
|
## Related topics
|
||||||
|
|
||||||
- [Card actions](/dashboards/actions/)
|
- [Card actions](/dashboards/actions/)
|
||||||
|
- [Themes](/integrations/frontend/)
|
||||||
|
- [Dashboard cards](/dashboards/cards/)
|
@ -270,4 +270,6 @@ entity: group.living.room
|
|||||||
|
|
||||||
## Related topics
|
## Related topics
|
||||||
|
|
||||||
- [Card actions](/dashboards/actions/)
|
- [Card actions](/dashboards/actions/)
|
||||||
|
- [Themes](/integrations/frontend/)
|
||||||
|
- [Dashboard cards](/dashboards/cards/)
|
@ -77,4 +77,6 @@ tap_action:
|
|||||||
|
|
||||||
## Related topics
|
## Related topics
|
||||||
|
|
||||||
- [Card actions](/dashboards/actions/)
|
- [Card actions](/dashboards/actions/)
|
||||||
|
- [Themes](/integrations/frontend/)
|
||||||
|
- [Dashboard cards](/dashboards/cards/)
|
@ -48,3 +48,8 @@ Basic example:
|
|||||||
type: plant-status
|
type: plant-status
|
||||||
entity: plant.bonsai
|
entity: plant.bonsai
|
||||||
```
|
```
|
||||||
|
|
||||||
|
## Related topics
|
||||||
|
|
||||||
|
- [Themes](/integrations/frontend/)
|
||||||
|
- [Dashboard cards](/dashboards/cards/)
|
@ -83,3 +83,8 @@ type: sensor
|
|||||||
entity: sensor.illumination
|
entity: sensor.illumination
|
||||||
name: Illumination
|
name: Illumination
|
||||||
```
|
```
|
||||||
|
|
||||||
|
## Related topics
|
||||||
|
|
||||||
|
- [Themes](/integrations/frontend/)
|
||||||
|
- [Dashboard cards](/dashboards/cards/)
|
@ -171,4 +171,9 @@ period:
|
|||||||
minutes: -20
|
minutes: -20
|
||||||
seconds: -10
|
seconds: -10
|
||||||
stat_type: change
|
stat_type: change
|
||||||
```
|
```
|
||||||
|
|
||||||
|
## Related topics
|
||||||
|
|
||||||
|
- [Themes](/integrations/frontend/)
|
||||||
|
- [Dashboard cards](/dashboards/cards/)
|
@ -96,3 +96,8 @@ entities:
|
|||||||
- entity: sensor.inside_temperature
|
- entity: sensor.inside_temperature
|
||||||
name: Inside
|
name: Inside
|
||||||
```
|
```
|
||||||
|
|
||||||
|
## Related topics
|
||||||
|
|
||||||
|
- [Themes](/integrations/frontend/)
|
||||||
|
- [Dashboard cards](/dashboards/cards/)
|
@ -133,4 +133,5 @@ You want to colorize the tile card? Choose one of the following colors: `primary
|
|||||||
## Related topics
|
## Related topics
|
||||||
|
|
||||||
- [Card actions](/dashboards/actions/)
|
- [Card actions](/dashboards/actions/)
|
||||||
- [Card features](/dashboards/features)
|
- [Card features](/dashboards/features)
|
||||||
|
- [Dashboard cards](/dashboards/cards/)
|
@ -71,3 +71,7 @@ cards:
|
|||||||
<img src="/images/dashboards/vertical-horizontal-stack.png" alt="Create a grid layout using vertical and horizontal stack">
|
<img src="/images/dashboards/vertical-horizontal-stack.png" alt="Create a grid layout using vertical and horizontal stack">
|
||||||
Create a grid layout using vertical and horizontal stack.
|
Create a grid layout using vertical and horizontal stack.
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
|
## Related topics
|
||||||
|
|
||||||
|
- [Dashboard cards](/dashboards/cards/)
|
@ -153,3 +153,8 @@ Example theme configuration:
|
|||||||
```yaml
|
```yaml
|
||||||
--weather-icon-sunny: url("/local/sunny.png")
|
--weather-icon-sunny: url("/local/sunny.png")
|
||||||
```
|
```
|
||||||
|
|
||||||
|
## Related topics
|
||||||
|
|
||||||
|
- [Themes](/integrations/frontend/)
|
||||||
|
- [Dashboard cards](/dashboards/cards/)
|
Loading…
x
Reference in New Issue
Block a user