mirror of
https://github.com/home-assistant/home-assistant.io.git
synced 2025-05-06 11:08:59 +00:00
473d9d3fae
* Dashboards: apply sentence-style capitalization * Apply sentence-style capitalization, apply reuse * Apply suggestions from code review Co-authored-by: Joakim Sørensen <joasoe@gmail.com> * Apply suggestions from code review * Add substep on dashboard control * Remove code fence from title - to focus on the topic of the content, rather than the code itself * Apply suggestions from code review Co-authored-by: Joakim Sørensen <joasoe@gmail.com> --------- Co-authored-by: Joakim Sørensen <joasoe@gmail.com>
1.7 KiB
1.7 KiB
type, title, sidebar_label, description
| type | title | sidebar_label | description |
|---|---|---|---|
| card | Vertical stack card | Vertical stack | The vertical stack card 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.
{% include dashboard/edit_dashboard.md %}
YAML configuration
The following YAML options are available when you use YAML mode or just prefer to use YAML in the code editor in the UI.
{% configuration %}
type:
required: true
description: "vertical-stack"
type: string
title:
required: false
description: Title of stack.
type: string
cards:
required: true
description: List of cards.
type: list
{% endconfiguration %}
Examples
Basic example:
type: vertical-stack
title: Backyard
cards:
- type: picture-entity
entity: camera.demo_camera
show_info: false
- type: entities
entities:
- binary_sensor.movement_backyard
Picture and entities-card in a stack.
Combination of vertical and horizontal stack card:
type: vertical-stack
cards:
- type: picture-entity
entity: group.all_lights
image: /local/house.png
- type: horizontal-stack
cards:
- type: picture-entity
entity: light.ceiling_lights
image: /local/bed_1.png
- type: picture-entity
entity: light.bed_light
image: /local/bed_2.png
Create a grid layout using vertical and horizontal stack.