mirror of
https://github.com/home-assistant/home-assistant.io.git
synced 2025-07-23 17:27:19 +00:00
Lovelace: Update horiz stack (#5764)
This commit is contained in:
parent
cffc411739
commit
91fa62e56d
@ -2,7 +2,7 @@
|
||||
layout: page
|
||||
title: "Horizontal Stack Card"
|
||||
sidebar_label: Horizontal Stack
|
||||
description: "Horizontal stack card will allow you to stack together multiple cards so they always sit next to each other in the space of one column."
|
||||
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."
|
||||
date: 2018-07-01 10:28 +00:00
|
||||
sidebar: true
|
||||
comments: false
|
||||
@ -10,7 +10,7 @@ sharing: true
|
||||
footer: true
|
||||
---
|
||||
|
||||
Horizontal stack card will allow 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:
|
||||
@ -21,19 +21,6 @@ cards:
|
||||
required: true
|
||||
description: List of cards.
|
||||
type: list
|
||||
keys:
|
||||
type:
|
||||
required: true
|
||||
description: The type of the card to stack.
|
||||
type: string
|
||||
entity:
|
||||
required: true
|
||||
description: "An `entity_id` to use in the frontend."
|
||||
type: string
|
||||
image:
|
||||
required: true
|
||||
description: The URL to an image.
|
||||
type: string
|
||||
{% endconfiguration %}
|
||||
|
||||
## {% linkable_title Example %}
|
||||
@ -42,14 +29,14 @@ cards:
|
||||
- type: horizontal-stack
|
||||
cards:
|
||||
- type: picture-entity
|
||||
image: https://images.pexels.com/photos/164595/pexels-photo-164595.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=240&w=495
|
||||
image: /local/bed_1.png
|
||||
entity: light.ceiling_lights
|
||||
- type: picture-entity
|
||||
image: https://images.pexels.com/photos/545012/pexels-photo-545012.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=240&w=495
|
||||
image: /local/bed_2.png
|
||||
entity: light.bed_light
|
||||
```
|
||||
|
||||
<p class='img'>
|
||||
<img src='/images/lovelace/lovelace_horizontal_stack.PNG' alt='Screenshot of the 2 cards in a horizontal stack card'>
|
||||
Screenshot of the 2 cards in a horizontal stack card.
|
||||
<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>
|
||||
|
Loading…
x
Reference in New Issue
Block a user