search

kuuji / light-card

Lovelace light-card for home assistant
MIT License
18 stars 0 forks source link
home-assistant home-assistant-custom home-automation lovelace lovelace-ui

readme

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.

light-card

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

light-card

Show a light card with default bulb icon:

- type: "custom:light-card"
  entity: light.desk_lamp

light-card

Credits