banner-card
banner-card copied to clipboard
Adding the possibility to set up icons as entity names - similar to headings
In my use case, icons were much more readible than the simple text heading, so I wanted to update the behaviour.
It looks like this:
And inside the code it looks like:
- type: custom:banner-card
background: 'url("/local/pictures/views/bedroom.png") center center no-repeat, #84bf94; background-size: cover'
heading:
- mdi:bed-empty
- Bedroom
entities:
- entity: sensor.netatmo_home_nordi_temperature
# Here is the change
name:
- mdi:thermometer
- Temperature
- entity: sensor.netatmo_home_nordi_co2
name: mdi:molecule-co2
- entity: sensor.netatmo_home_nordi_humidity
name: mdi:water-percent
- entity: sensor.netatmo_home_nordi_noise
name: mdi:account-music
- entity: sensor.netatmo_home_nordi_pressure
name: Pressure
- entity: media_player.cookie
As you can see in the screenshot, I have tested the option to set up the simple icon, then icon + text, then simple text.