home-assistant.io/source/_lovelace/vertical-stack.markdown

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.

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.