The tile card gives you a quick overview of your entity. The card allows you to toggle the entity and show the more info dialog. A badge is shown for some entities like the climate or person entities.
Screenshot of tile cards.
To add the tile card to your user interface:
- 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.
- In the bottom right corner, select the Add card button and select from the card picker.
Set the color when the entity is active. By default, the color is based on
device_class of your entity. It accepts color token or hex color code.
If your entity has a picture, it will replace the icon.
Content to display for the state. Can be
last-changed, or any attribute of the entity. Can be either a string with a single item, or a list of string items. Default depends on the entity domain.
Action taken on card tap. See action documentation. By default, it will show the “more-info” dialog.
Action taken on icon card tap. See action documentation. By default, it will
toggle the entity (if possible), otherwise, show the “more-info” dialog.
Additional widgets to control your entity. See available features.
Alternatively, the card can be configured using YAML:
type: tile entity: cover.kitchen_window
type: tile entity: light.bedroom icon: mdi:lamp color: yellow
type: tile entity: person.anne_therese show_entity_picture: true
type: tile entity: person.anne_therese vertical: true hide_state: true
type: tile entity: light.living_room state_content: - state - brightness - last-changed
type: tile entity: vacuum.ground_floor features: - type: vacuum-commands commands: - start_pause - return_home
Some color tokens are available to colorize the tile card :