Fun with custom:button-card

Share your Projects! Dashboards & Frontend
1272

Just use custom fields to add a Jinga card

Rough Example

type: custom:button-card
name: Kitchen Lights
styles:
  name:
    - position: absolute
    - left: 20%   
  custom_fields:
    area:
      - position: absolute
      - left: 60%
custom_fields:
  area:
    card:
      type: custom:mushroom-template-card
      primary: |
        Area:  {{ device_attr(device_id('switch.kitchen_lights'), 'area_id') }}
      card_mod:
        style: |
          ha-card {
            border: none;
            text-transform: capitalize;
            --card-primary-font-size: 16px;
            --card-primary-color: yellow;
                      }

image
image734×112 4.62 KB

1273

This seems like a way:

let ent_id = 'cover.drzwi_na_dole';
let ent = hass.entities[ent_id];
if (ent && ent.area_id) {
  let areaName = hass.areas[ent.area_id]?.name;
  if (areaName) console.log(areaName);
}

(I love this card, too :smiley: )