Cards: link to cards and themes (#31970)

This commit is contained in:
c0ffeeca7 2024-03-20 16:14:39 +01:00 committed by GitHub
parent 7b00bfb23c
commit a7a519a19f
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
30 changed files with 133 additions and 16 deletions

View File

@ -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/)

View File

@ -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/)

View File

@ -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/)

View File

@ -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/)

View File

@ -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/)

View File

@ -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/)

View File

@ -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/)

View File

@ -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/)

View File

@ -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/)

View File

@ -160,4 +160,6 @@ entities:
## Related topics ## Related topics
- [Card actions](/dashboards/actions/) - [Card actions](/dashboards/actions/)
- [Themes](/integrations/frontend/)
- [Dashboard cards](/dashboards/cards/)

View File

@ -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/)

View File

@ -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/)

View File

@ -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/)

View File

@ -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/)

View File

@ -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/)

View File

@ -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/)

View File

@ -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/)

View File

@ -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/)

View File

@ -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/)

View File

@ -576,4 +576,6 @@ elements:
## Related topics ## Related topics
- [Card actions](/dashboards/actions/) - [Card actions](/dashboards/actions/)
- [Themes](/integrations/frontend/)
- [Dashboard cards](/dashboards/cards/)

View File

@ -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/)

View File

@ -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/)

View File

@ -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/)

View File

@ -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/)

View File

@ -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/)

View File

@ -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/)

View File

@ -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/)

View File

@ -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/)

View File

@ -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/)

View File

@ -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/)