https://github.com/benct/lovelace-attribute-entity-row
Show attribute(s) on entity rows in Home Assistant's Lovelace UI
https://github.com/benct/lovelace-attribute-entity-row
attribute attributes home-assistant home-assistant-frontend lovelace lovelace-ui
Last synced: 10 months ago
JSON representation
Show attribute(s) on entity rows in Home Assistant's Lovelace UI
- Host: GitHub
- URL: https://github.com/benct/lovelace-attribute-entity-row
- Owner: benct
- License: mit
- Created: 2019-03-27T20:06:56.000Z (almost 7 years ago)
- Default Branch: master
- Last Pushed: 2020-01-13T12:24:23.000Z (about 6 years ago)
- Last Synced: 2025-03-30T09:05:14.318Z (11 months ago)
- Topics: attribute, attributes, home-assistant, home-assistant-frontend, lovelace, lovelace-ui
- Language: JavaScript
- Size: 452 KB
- Stars: 24
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# attribute-entity-row
Show entity attribute value(s) on entity rows in Home Assistant's Lovelace UI.
[](https://raw.githubusercontent.com/benct/lovelace-attribute-entity-row/master/attribute-entity-row.js)
[](https://github.com/benct/lovelace-attribute-entity-row/commits/master)
[](https://github.com/benct/lovelace-attribute-entity-row)
**Note:** Semi-deprecated in favor of [multiple-entity-row](https://github.com/benct/lovelace-multiple-entity-row) card, so this card will most likely not be further worked upon.
## Setup
Add [attribute-entity-row.js](https://raw.githubusercontent.com/benct/lovelace-attribute-entity-row/master/attribute-entity-row.js) to your `/www/` folder. Add the following to your `ui-lovelace.yaml` file:
```yaml
resources:
- url: /local/attribute-entity-row.js?v=1.1.2
type: js
```
## Options
| Name | Type | Default | Description
| ---- | ---- | ------- | -----------
| type | string | **Required** | `custom:attribute-entity-row`
| entity | string | **Required** | `sensor.my_sensor`
| name | string | | Override entity name / friendly_name
| name_attribute | string | | Use an attribute as the entity name
| unit | string | | Override state unit_of_measurement
| toggle | bool | `false` | Display a toogle instead of state
| hide_state | bool | `false` | Hide the entity state
| primary | object | *see below* | Primary attribute object
| secondary | object | *see below* | Secondary attribute object
### Primary/secondary object
| Name | Type | Default | Description
| ---- | ---- | ------- | -----------
| key | string | **Required** | A valid attribute key within the entity
| name | string | | Name / prefix for attribute
| unit | string | | Unit / postfix for attribute
| entity | string | | Use attribute from another entity
## Example
```yaml
type: entities
title: attribute-entity-row
show_header_toggle: false
entities:
- type: section
label: Primary attribute
- entity: sensor.smoke_sensor_livingroom_temperature
type: custom:attribute-entity-row
primary:
key: battery_level
name: Battery
unit: '%'
- entity: light.living_room
type: custom:attribute-entity-row
primary:
key: min_mireds
name: 'Attribute:'
- entity: media_player.spotify
type: custom:attribute-entity-row
primary:
key: media_title
- type: section
label: Toggle
- entity: light.living_room
type: custom:attribute-entity-row
name: Light with Toggle
toggle: true
primary:
key: min_mireds
name: Mireds
- entity: switch.power_office_pc
type: custom:attribute-entity-row
toggle: true
primary:
key: friendly_name
- type: section
label: Customization
- entity: sensor.smoke_sensor_livingroom_temperature
type: custom:attribute-entity-row
name: Custom Name
primary:
key: battery_level
name: Battery
unit: '%'
- entity: sensor.motion_hall_temperature
type: custom:attribute-entity-row
name: Sensor
primary:
key: battery_level
name: 'Value:'
unit: units
- entity: sensor.motion_hall_temperature
type: custom:attribute-entity-row
name: Sensor
unit: Unit
primary:
key: battery_level
name: Battery
unit: '%'
- type: section
label: Secondary attribute
- entity: sensor.magnet_door_main_temperature
type: custom:attribute-entity-row
secondary:
key: battery_level
name: Battery
unit: '%'
- entity: vacuum.xiaomi_vacuum_cleaner
type: custom:attribute-entity-row
primary:
key: battery_level
name: Battery
unit: '%'
secondary:
key: status
- entity: vacuum.xiaomi_vacuum_cleaner
type: custom:attribute-entity-row
primary:
key: status
name: 'Status:'
secondary:
key: battery_level
name: Battery
unit: '%'
- type: section
label: Alternative entity
- entity: sensor.smoke_sensor_livingroom_temperature
type: 'custom:attribute-entity-row'
primary:
key: fan_speed
name: 'Vacuum fan:'
entity: vacuum.xiaomi_vacuum_cleaner
- entity: sensor.template_smoke_sensor_livingroom
type: custom:attribute-entity-row
primary:
key: battery_level
name: Other entity attribute
entity: sensor.smoke_sensor_livingroom_temperature
secondary:
key: status
name: Another entity -
entity: vacuum.xiaomi_vacuum_cleaner
- type: section
label: Hide State
- entity: sensor.smoke_sensor_livingroom_temperature
type: custom:attribute-entity-row
hide_state: true
primary:
key: battery_level
name: Battery
unit: '%'
- entity: sensor.smoke_sensor_livingroom_temperature
type: custom:attribute-entity-row
name: With secondary
hide_state: true
primary:
key: battery_level
name: Battery
unit: '%'
secondary:
key: status
entity: vacuum.xiaomi_vacuum_cleaner
```
Partially based on @thomasloven's [slider-entity-row](https://github.com/thomasloven/lovelace-slider-entity-row) lovelace card.
## My cards
[xiaomi-vacuum-card](https://github.com/benct/lovelace-xiaomi-vacuum-card) |
[github-entity-row](https://github.com/benct/lovelace-github-entity-row) |
[multiple-entity-row](https://github.com/benct/lovelace-multiple-entity-row) |
[~~attribute-entity-row~~](https://github.com/benct/lovelace-attribute-entity-row)
[](https://www.buymeacoff.ee/benct)