Give you the specified attribute of an entity
Branch: master
Clone or download
Latest commit 35212f8 Oct 20, 2018
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.github Add option to set prefix for the attribute (#1) Jul 25, 2018
LICENSE initial Jul 23, 2018
README.md Add support for configuring a suffix string + simplify logic (#5) Sep 29, 2018
VERSION Update VERSION Oct 20, 2018
example.png Add files via upload Jul 25, 2018
state-attribute-element.js Add support for sub_attribute Oct 20, 2018

README.md

State Attribute Element

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.

Options

Name Type Requirement Description
type string Required custom:state-attribute-element
entity string Required The entity_id of the entity you want to show.
attribute string Required The attribute 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: "
suffix string Optional A string you want to show after the attribute, ex. "My suffix string: "
show_empty boolean Optional Give you the possibility to show unavailable if the state is empty, default false

Installation

Step 1

Install state-attribute-element by copying state-attribute-element.jsfrom this repo to <config directory>/www/state-attribute-element.js on your Home Assistant instanse.

Example:

wget https://raw.githubusercontent.com/custom-cards/state-attribute-element/master/state-attribute-element.js
mv state-attribute-element.js /config/www/

Step 2

Link state-attribute-element inside you ui-lovelace.yaml.

resources:
  - url: /local/state-attribute-element.js?v=0
    type: js

Step 3

Add a custom element in your ui-lovelace.yaml

      - type: picture-elements
        image: /local/files/LUfuf8ow.jpg
        elements:
          - type: custom:state-attribute-element
            entity: sensor.my_sensor
            attribute: my_attribute
            prefix: "My prefix string: "

Example with styles

      - type: picture-elements
        image: /local/files/LUfuf8ow.jpg
        elements:
          - type: custom:state-attribute-element
            entity: sensor.tautulli__ludeeus
            attribute: friendly_name
            prefix: "<b style='font-weigth: bold; color: red'>Friendle name: </b>"
            style:
              top: 47%
              left: 5px
              transform: none

example