This element is not all that useful as a card (it can be used for that to), the purpose of this is to give the option to add static text on a picture-elements card.
| Name | Type | Requirement | Description |
|---|---|---|---|
| type | string | Required | custom:state-element |
| entity | string | Required | The entity_id of the entity you want to show. |
| prefix | string | Optional | A string you want to show in front of the attribute, ex. "My prefix string: " |
| show_empty | boolean | Optional | Give you the possibility to show unavailable if the state is empty, default false |
Install state-element by copying state-element.jsfrom this repo to <config directory>/www/state-element.js on your Home Assistant instanse.
Example:
wget https://raw.githubusercontent.com/custom-cards/state-element/master/state-element.js
mv state-element.js /config/www/Link state-element inside you ui-lovelace.yaml.
resources:
- url: /local/state-element.js?v=0
type: jsAdd a custom element in your ui-lovelace.yaml
- type: picture-elements
image: /local/files/LUfuf8ow.jpg
elements:
- type: custom:state-element
entity: sensor.my_sensor
prefix: "My prefix string: " - type: picture-elements
image: /local/files/LUfuf8ow.jpg
elements:
- type: custom:state-element
entity: sensor.untappd_last_checkin
prefix: "<b style='font-weigth: bold; color: orange'>Last checkin: </b>"
style:
top: 47%
left: 5px
transform: none