home-assistant.io/source/_dashboards/horizontal-stack.markdown
c0ffeeca7 473d9d3fae
Dashboards: apply sentence style caps (#29890)
* 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>
2023-11-18 11:47:45 +01:00

1.2 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.

{% 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: "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 Two picture cards in a horizontal stack card.