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-04 01:58:57 +00:00
Code Issues Packages Projects Releases Wiki Activity
home-assistant.io/source/_lovelace/vertical-stack.markdown
Franck Nijhof 1833c32a2c Cleans up front matter (#9835) 
* 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
2019-07-11 14:35:08 -07:00

1.4 KiB
Raw Blame History

title, sidebar_label, description
title sidebar_label description
Vertical Stack Card Vertical Stack The Vertical Stack card allows you to stack multiple cards together

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 %}

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.