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-05-25 20:36:50 +00:00
Code Issues Packages Projects Releases Wiki Activity
home-assistant.io/source/_lovelace/vertical-stack.markdown
Franck Nijhof a41ea11d9e 🚜 Removes lists from Lovelace examples (#8570)
2019-02-14 13:09:06 +01:00

1.5 KiB
Raw Blame History

layout, title, sidebar_label, description, date, sidebar, comments, sharing, footer
layout title sidebar_label description date sidebar comments sharing footer
page Vertical Stack Card Vertical Stack The Vertical Stack card allows you to stack multiple cards together 2018-07-01 10:28 +00:00 true false true true

Vertical stack allows you to group multiple cards so they always sit in the same column.

{% configuration %} type: required: true description: vertical-stack type: string cards: required: true description: List of cards. type: list {% endconfiguration %}

{% linkable_title Examples %}

Basic example:

type: vertical-stack
cards:
  - type: picture-entity
    entity: camera.demo_camera
    show_info: false
  - type: entities
    entities:
      - binary_sensor.movement_backyard

Picture- and entities-card in a stack Picture- and entities-card in a stack.

Combination of vertical and horizontal stack card:

type: vertical-stack
cards:
  - type: picture-entity
    entity: group.all_lights
    image:  /local/house.png
  - type: horizontal-stack
    cards:
      - type: picture-entity
        entity: light.ceiling_lights
        image: /local/bed_1.png
      - type: picture-entity
        entity: light.bed_light
        image: /local/bed_2.png

Create a grid layout using vertical and horizontal stack Create a grid layout using vertical and horizontal stack.