mirror of
https://github.com/home-assistant/developers.home-assistant.git
synced 2025-07-22 16:56:29 +00:00
Add blog post for ha-state-icon properties changes (#2064)
Co-authored-by: Franck Nijhof <git@frenck.dev>
This commit is contained in:
parent
9a7890b5f9
commit
e0fd1027c0
35
blog/2024-01-30-ha-state-icon-properties-changes.md
Normal file
35
blog/2024-01-30-ha-state-icon-properties-changes.md
Normal file
@ -0,0 +1,35 @@
|
|||||||
|
---
|
||||||
|
author: Paul Bottein
|
||||||
|
authorURL: https://github.com/piitaya
|
||||||
|
title: "Properties changes for ha-state-icon"
|
||||||
|
---
|
||||||
|
|
||||||
|
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](/docs/core/entity#icons).
|
||||||
|
|
||||||
|
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>
|
||||||
|
```
|
Loading…
x
Reference in New Issue
Block a user