Area card

The area card lets you control and monitor an individual area.

Screenshot of the area card Screenshot of the area card.

To add the area 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.

Buttons will appear on the card for the entities in the area including fan, light and switch. A motion sensor icon will appear in the top left if a motion sensor is in the area and motion is detected by the motion sensor.

If a camera is added to the area you can show the camera feed instead of the area picture.

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


area string Required

ID of the area.

show_camera boolean (Optional, default: false)

Changes the area picture to a live feed of the camera set for the area.

navigation_path string (Optional)

link to view. For more information about views, see the view documentation

theme string (Optional)

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


Basic example:

type: area
area: bedroom

Complex example

type: area
area: bedroom
navigation_path: my_bedroom
show_camera: true
theme: green