Vertical-stack-in-cards help

1

I’m trying to make a vertical stack in cards - card but I can not get it to work.
I have two sepeparate cards that works that I want to join to one card.

direction: up
entity: sensor.efergy_556464
height: 160px
indicator: auto-vertical
max: 8000
severity:
  - color: '#40bf40'
    value: 1000
  - color: '#bfbf40'
    value: 2500
  - color: '#db1313'
    value: 8000
title: Up
title_position: bottom
type: 'custom:bar-card'
width: 100px

And

type: custom:vertical-stack-in-card
title: VSIC
cards:
   type: entities
 - entities:
     - entity: sensor.energy_usage
     - entity: sensor.energy_consumed
     - entity: sensor.electricity_price_kloverv

I’m trying to get the bar-card on top and the three enities below. Could someone please help me?

2

Try this:

cards:
  - type: 'custom:bar-card'
    direction: up
    entity: sensor.efergy_556464
    height: 160px
    indicator: auto-vertical
    max: 8000
    severity:
      - color: '#40bf40'
        value: 1000
      - color: '#bfbf40'
        value: 2500
      - color: '#db1313'
        value: 8000
    title: Up
    title_position: bottom
    width: 100px
  - type: entities
    entities:
      - entity: sensor.energy_usage
      - entity: sensor.energy_consumed
      - entity: sensor.electricity_price_kloverv
    title: VSIC
type: 'custom:vertical-stack-in-card'
3

It works. Thank you!

4

Hi guys!
Is still working this card for you?
I get “Custom element doesn’t exist: vertical-stack-in-card.”
Any ideas?

5

@HFsi Did you install the component?
You can find all the info here. Also the components is available with HACS.

2 Likes