Horizontal stack card
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:
- In the top right of the screen, select the three dots menu and then select Edit dashboard.
- By editing the dashboard, you are taking over control of this dashboard. This means that it is no longer automatically updated when new dashboard elements become available. To continue, in the dialog, select Take control.
- In the bottom right corner, select the Add card button 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.
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.