Lovelace: Update horiz stack (#5764)

This commit is contained in:
c727 2018-07-11 21:43:08 +02:00 committed by Alok Saboo
parent cffc411739
commit 91fa62e56d

View File

@ -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>