Hello! I would love some help with templating the label element of a custom button card. I have a row of icons for which I’d like to appear conditionally. I can get them all to appear with my code below, but I’d like them to be hidden when not applicable.
type: custom: button-card
label: >
[[[ return `
<ha-icon icon="mdi:umbrella" style="width: 23px; color: lime; "></ha-icon>
<ha-icon icon="mdi:trash-can" style="width: 23px; color: lime; "></ha-icon>
<ha-icon icon="mdi:mail" style="width: 23px; color: lime; "></ha-icon>`;]]]
In other words, how can I incorporate a statement like “if (states[‘weather.home’].state == ‘rainy’)” to show the umbrella icon, if it’s trash day to show the trash icon, etc? I can make this work with individual icons, but can’t figure it out with multiples.
This works:
[[[ if (states[weather.home'].state == 'rainy')
return 'mdi:umbrella'; return 'false';]]]
But this is what I’m looking for:
[[[ if (states[weather.home'].state == 'rainy')
return 'mdi:umbrella'; return 'false';
+
if (states[sensor.trash_day'].state == 'on')
return 'mdi:trash-can'; return 'false';
+
if (states[sensor.mail'].state == 'on')
return 'mdi:mail'; return 'false';]]]
Thanks!