Skip to content

Icon State Chip

Description

example-image

This chip displays an icon and a label, where the label can be any state of a sensor you configure.

Variables

Variable Default Required Notes
ulm_chip_icon_state_icon This is the icon to show. See See icons to read more about the used unicode emojis.
ulm_chip_icon_state_entity Enable background

Usage

- type: 'custom:button-card'
  template: chip_icon_state
  variables:
    ulm_chip_icon_state_icon: '🛏️'
    ulm_chip_icon_state_entity: sensor.bed_occupancy
Template Code
chip_icon_state.yaml
---
### Chip Icon State ###
chip_icon_state:
  template: "chips"
  triggers_update:
    - "[[[ return variables.ulm_chip_icon_state_entity ]]]"
  label: |
    [[[
      var icon = "❔";
      if (variables.ulm_chip_icon_state_icon){
        var icon = variables.ulm_chip_icon_state_icon;
      }
      var state = "";
      if (states[variables.ulm_chip_icon_state_entity].state){
        var state = helpers.localize(states[variables.ulm_chip_icon_state_entity]);
      }
      return icon + " " + state;
    ]]]