Home AssistantHome AssistantContributors

    ↑↓ to moveEnter to openEsc to close

    Blog

    Properties changes for ha-state-icon

    Paul Bottein1 min read

    Frontend

    In Home Assistant 2024.2, integrations have a new way to provide icons. To support this new feature, ha-state-icon component properties have changed.

    Read more about icon translations in our documentation.

    If you are a custom card developer using this component, you must adjust the properties passed to the component to avoid displaying the wrong icons in your custom card.

    Before 2024.2

    HTML
    <ha-state-icon .state=${stateObj}></ha-state-icon>

    After 2024.2

    HTML
    <ha-state-icon .hass=${hass} .stateObj=${stateObj}></ha-state-icon>

    Backward compatibility

    If you want to support both old and new version on Home Assistant, you can pass all the properties.

    HTML
    <ha-state-icon
  .hass=${hass}
  .stateObj=${stateObj}
  .state=${stateObj}
></ha-state-icon>

    Related posts