Vertical Stack Card

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

To add the Vertical Stack card to your user interface, click the menu (three dots at the top right of the screen) and then Edit Dashboard. Click the Add Card button in the bottom right corner and select from the card picker.

YAML Configuration

The following YAML options are available when you use YAML mode or just prefer to use YAML in the Code Editor in the UI.

Configuration Variables

type string Required


title string (Optional)

Title of stack.

cards list Required

List of cards.


Basic example:

type: vertical-stack
title: Backyard
  - type: picture-entity
    entity: camera.demo_camera
    show_info: false
  - type: 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
  - type: picture-entity
    entity: group.all_lights
    image:  /local/house.png
  - type: horizontal-stack
      - 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.