Vertical Stack In Card

Vertical Stack In Card allows you to group multiple cards in one card.

Please ⭐️ this repo if you find it useful

Options

Name	Type	Default	Description
type	string	Required	custom:vertical-stack-in-card
cards	list	Required	List of cards
title	string	Optional	Card title
horizontal	boolean	Optional	Default: false
styles	object	Optional	Adds custom CSS directives to child cards

Installation

1. Install the vertical-stack-in-card card by copying vertical-stack-in-card.js to <config directory>/www/vertical-stack-in-card.js

Bash:

wget https://raw.githubusercontent.com/ofekashery/vertical-stack-in-card/master/vertical-stack-in-card.js
mv vertical-stack-in-card.js /config/www/

2. Link vertical-stack-in-card inside your ui-lovelace.yaml

resources:
  - url: /local/vertical-stack-in-card.js?v=0.4.1
    type: js

3. Add a custom card in your ui-lovelace.yaml

Example

type: 'custom:vertical-stack-in-card'
title: My Card
cards:
  - type: glance
    entities:
      - sensor.temperature_sensor
      - sensor.humidity_sensor
      - sensor.motion_sensor
  - type: entities
    entities:
      - switch.livingroom_tv
      - entity: script.livingroom_receiver
        name: Receiver
      - switch.livingroom_ac

Credits

• ofekashery
• ciotlosm
• thomasloven