Light card


The light card allows you to change the brightness of the light.

Screenshot of the Light card Screenshot of the light card.

To add the light card to your user interface:

  1. In the top right of the screen, select the three dots menu and then select Edit dashboard.
    • By editing the dashboard, you are taking over control of this dashboard. This means that it is no longer automatically updated when new dashboard elements become available. To continue, in the dialog, select Take control.
  2. In the bottom right corner, select the Add card button and select from the card picker.

All options for this card can be configured via the user interface.

YAML configuration

The following YAML options are available when you use YAML mode or just prefer to use YAML in the code editor in the UI.

Configuration Variables

type string Required

light

entity string Required

Entity ID of light domain.

name string (Optional, default: Name of entity)

Overwrites friendly name.

icon string (Optional, default: Entity domain icon)

Overwrites icon.

theme string (Optional)

Override the used theme for this card with any loaded theme. For more information about themes, see the frontend documentation.

hold_action map (Optional)

Action taken on card tap and hold. See action documentation.

double_tap_action map (Optional)

Action taken on card double tap. See action documentation.

Examples

Basic example:

type: light
entity: light.bedroom

Overwriting names example:

type: light
entity: light.bedroom
name: Kids Bedroom
type: light
entity: light.office
name: My Office

Screenshot of the Light card Screenshot of the Light card names.