banner-card icon indicating copy to clipboard operation
banner-card copied to clipboard

Adding the possibility to set up icons as entity names - similar to headings

Open thedeemling opened this issue 3 years ago • 0 comments

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: image

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.

thedeemling avatar Apr 18 '21 07:04 thedeemling