Vertical Stack In Card allows you to group multiple cards in one card.
| 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 |
- Install the
vertical-stack-in-cardcard by copyingvertical-stack-in-card.jsto<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/- Link
vertical-stack-in-cardinside yourui-lovelace.yaml
resources:
- url: /local/vertical-stack-in-card.js?v=0.4.1
type: js- 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
