6c6268a08e
Co-authored-by: Franck Nijhof <frenck@frenck.nl> Co-authored-by: Franck Nijhof <git@frenck.dev> fixes undefined
1.4 KiB
type, title, sidebar_label, description
| type | title | sidebar_label | description |
|---|---|---|---|
| card | Horizontal Stack Card | Horizontal Stack | 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. |
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.
To add the Horizontal Stack card to your user interface, click the menu (three dots at the top right of the screen) and then Edit Dashboard. Click the Add Card button in the bottom right corner and select from the card picker.
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: "horizontal-stack"
type: string
title:
required: false
description: Title of stack.
type: string
cards:
required: true
description: List of cards.
type: list
{% endconfiguration %}
Example
type: horizontal-stack
title: Lights
cards:
- type: picture-entity
image: /local/bed_1.png
entity: light.ceiling_lights
- type: picture-entity
image: /local/bed_2.png
entity: light.bed_light
Two Picture cards in a Horizontal Stack card.