mirror of
https://github.com/home-assistant/home-assistant.io.git
synced 2025-05-11 05:28:57 +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>
49 lines
1.2 KiB
Markdown
49 lines
1.2 KiB
Markdown
---
|
|
type: card
|
|
title: "Horizontal stack card"
|
|
sidebar_label: Horizontal stack
|
|
description: "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
|
|
|
|
```yaml
|
|
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
|
|
```
|
|
|
|
<p class='img'>
|
|
<img src='/images/dashboards/horizontal_stack.png' alt='Two picture cards in a horizontal stack card'>
|
|
Two picture cards in a horizontal stack card.
|
|
</p>
|