Fredrik Andersson 6c6268a08e
Update documentation for how cards can be configured in the UI (#21556)
Co-authored-by: Franck Nijhof <frenck@frenck.nl>
Co-authored-by: Franck Nijhof <git@frenck.dev>
fixes undefined
2023-01-16 17:54:11 +01:00

2.0 KiB

type, title, sidebar_label, description
type title sidebar_label description
card Light Card Light The Light card allows you to change the brightness of the light.

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, click the menu (three dots at the top right of the screen) and then Edit Dashboard. Click the Add Card button in the bottom right corner 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 %} type: required: true description: "light" type: string entity: required: true description: Entity ID of light domain. type: string name: required: false description: Overwrites friendly name. type: string default: Name of entity icon: required: false description: Overwrites icon. type: string default: Entity domain icon theme: required: false description: Override the used theme for this card with any loaded theme. For more information about themes, see the frontend documentation. type: string hold_action: required: false description: Action taken on card tap and hold. See action documentation. type: map double_tap_action: required: false description: Action taken on card double tap. See action documentation. type: map {% endconfiguration %}

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.