Light card

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.

Options

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

Instructions

1. Download the light-card
2. Place the file in your config/www folder
3. Include the card code in your ui-lovelace-card.yaml

title: Home
resources:
  - url: /local/light-card.js
    type: js

4. Write configuration for the card in your ui-lovelace.yaml

Examples

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

Credits

• ciotlosm for the readme template and the awesome examples