Vertical Stack Card


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

Configuration Variables

type

(string)(Required)vertical-stack

cards

(list)(Required)List of cards.

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.