Skip to content
📐 Similar to vertical-stack but removes card borders
JavaScript
Branch: master
Clone or download
Latest commit 8797405 Feb 17, 2020
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.github Create FUNDING.yml May 24, 2019
README.md Version Jun 15, 2019
VERSION Update version Nov 4, 2019
changelog.md Update changelog Nov 4, 2019
hacs.json Create hacs.json Feb 17, 2020
vertical-stack-in-card.js Fix #57, #59, #66, #67, #68 Nov 4, 2019

README.md

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

You can’t perform that action at this time.