Area Icons and Pictures

Development
1

Can anyone explain how I can make use of the assets in my custom button card, as area’s do not have a entity to pull from.

Cheers
Andrew.

2

If you have access to JS templates, the hass object has hass.areas[area].icon and hass.areas[area].picture (a URL)

1 Like
3

great thanks a lot, worked like a charm.

4

I’d love to learn more about the options:

  1. Can I gain access to the icon/picture in JINJA templates? (now that would be awesome…)
  2. How/when can I use JS templates?
5

Could you share your code example?
I want to have the icons dynamic as well.

In my case template so far static:

<ha-icon 
        icon="mdi:home"
        style="width: 20px; height: 20px; color: white;">
</ha-icon>

Thank you

1 Like