light card is an light icon button for your light entities.
The icon colors itself depending on the color of the light. If the color can not be detected (not supported by the light), a default warm yellow is used.
The card shows the more-info
pop-in on click/tap.
Name | Type | Default | Description |
---|---|---|---|
type | string | Required | custom:light-card |
entity | string | Required | light.office |
icon | string | mdi:lightbulb |
mdi:desk-lamp |
size | string | 40% |
Size of the icon. Can be percentage or pixel |
config/www
folderui-lovelace-card.yaml
title: Home
resources:
- url: /local/light-card.js
type: js
ui-lovelace.yaml
Show a light card for the office lights:
- type: "custom:light-card"
entity: light.office
bulb_icon: mdi:desk-lamp
Show a light card with default bulb icon:
- type: "custom:light-card"
entity: light.desk_lamp