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-06-19 00:26:48 +00:00
Code Issues Packages Projects Releases Wiki Activity
home-assistant.io/source/_lovelace/vertical-stack.markdown
Franck Nijhof ebca3218c7
🔥Removes linkable_title everywhere (#9772) 
* Automatically create linkable headers

* Visually improve position of linkable header chain icon

* Do not auto link  headers on homepage

* Remove linkable_title everywhere

* 🚑 Re-instante linkable_title plugin as NOOP
2019-07-04 19:08:27 +02: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 %}

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.