mirror of
https://github.com/home-assistant/home-assistant.io.git
synced 2025-06-19 00:26:48 +00:00
1833c32a2c
* Sets front matter defaults * Removes default front matter from section templates/pages * Removes default front matter from addon pages * Removes default front matter from integration pages * Removes default front matter from posts * Removes default front matter from docs pages * Removes default front matter from other pages * Fixes blog category pages
37 lines
938 B
Markdown
37 lines
938 B
Markdown
---
|
|
title: "Horizontal Stack Card"
|
|
sidebar_label: Horizontal Stack
|
|
description: "Horizontal stack card allows you to stack together multiple cards, so they always sit next to each other in the space of one column."
|
|
---
|
|
|
|
Horizontal stack card allows you to stack together multiple cards, so they always sit next to each other in the space of one column.
|
|
|
|
{% configuration %}
|
|
type:
|
|
required: true
|
|
description: horizontal-stack
|
|
type: string
|
|
cards:
|
|
required: true
|
|
description: List of cards.
|
|
type: list
|
|
{% endconfiguration %}
|
|
|
|
## Example
|
|
|
|
```yaml
|
|
type: horizontal-stack
|
|
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/lovelace/lovelace_horizontal_stack.PNG' alt='Two picture cards in a horizontal stack card'>
|
|
Two picture cards in a horizontal stack card.
|
|
</p>
|