jeans/home-assistant.io
jeans/home-assistant.io
1
0
Fork 0
mirror of https://github.com/home-assistant/home-assistant.io.git synced 2025-07-27 03:07:14 +00:00
Code Issues Packages Projects Releases Wiki Activity

Lovelace: Update horiz stack (#5764)

Browse Source
This commit is contained in:
c727 2018-07-11 21:43:08 +02:00 committed by Alok Saboo
parent cffc411739
commit 91fa62e56d
1 changed files with 6 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
source/_lovelace/horizontal-stack.markdown
View File

@ -2,7 +2,7 @@
layout: page layout: page
title: "Horizontal Stack Card" title: "Horizontal Stack Card"
sidebar_label: Horizontal Stack 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 date: 2018-07-01 10:28 +00:00
sidebar: true sidebar: true
comments: false comments: false
@ -10,7 +10,7 @@ sharing: true
footer: 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 %} {% configuration %}
type: type:
@ -21,19 +21,6 @@ cards:
required: true required: true
description: List of cards. description: List of cards.
type: list 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 %} {% endconfiguration %}
## {% linkable_title Example %} ## {% linkable_title Example %}
@ -42,14 +29,14 @@ cards:
- type: horizontal-stack - type: horizontal-stack
cards: cards:
- type: picture-entity - 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 entity: light.ceiling_lights
- type: picture-entity - 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 entity: light.bed_light
``` ```
<p class='img'> <p class='img'>
<img src='/images/lovelace/lovelace_horizontal_stack.PNG' alt='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'>
Screenshot of the 2 cards in a horizontal stack card. Two picture cards in a horizontal stack card.
</p> </p>