Skip to content

Latest commit

 

History

History
58 lines (45 loc) · 1.54 KB

README.md

File metadata and controls

58 lines (45 loc) · 1.54 KB
Raw

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

example

Options

Name Type Default Description
type string Required custom:vertical-stack-in-card
cards list Required List of cards
title string Optional Card title

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/custom-cards/vertical-stack-in-card/master/vertical-stack-in-card.js
mv vertical-stack-in-card.js /config/www/
  1. Link vertical-stack-in-card inside your ui-lovelace.yaml
resources:
  - url: /local/vertical-stack-in-card.js?v=0.1.3
    type: js
  1. 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