Home Assistant Home Assistant

Tile Card

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 the tile card Screenshot of the Tile card.

To add the Tile 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 Tile from the card picker.

Configuration Variables

Looking for your configuration file?
type string Required

tile

entity string Required

Entity ID.

name string (Optional)

Overwrites the name of entity.

icon string (Optional)

Overwrites the icon of entity.

color string (Optional, default: state)

Set the color when the entity is active. By default, the color is based on state, domain, and device_class of your entity. It accepts color token or hex color code.

show_entity_picture boolean (Optional, default: false)

If your entity has a picture, it will replace the icon.

vertical boolean (Optional, default: false)

Displays the icon above the name and state.

tap_action map (Optional)

Action taken on card tap. See action documentation. By default, it will show the “more-info” dialog.

icon_tap_action map (Optional)

Action taken on icon card tap. See action documentation. By default, it will toggle the entity (if possible), otherwise, show the “more-info” dialog.

features list (Optional)

Additional widgets to control your entity. See available features.

Examples

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

type: tile
entity: vacuum.ground_floor
features:
  - type: vacuum-commands
      commands:
        - start_pause
        - return_home

Available color tokens

Some color tokens are available to colorize the tile card : primary, accent, disabled, red, pink, purple, deep-purple, indigo, blue, light-blue, cyan, teal, green, light-green, lime, yellow, amber, orange, deep-orange, brown, grey, blue-grey, black and white.

Tile features

Some entities have support for “features”. These widgets add quick controls to the tile card.

Cover open/close

Widget that display buttons to open, close or stop a cover.

Screenshot of the tile card with open/close feature Screenshot of the tile card with cover open/close feature 

features:
  - type: "cover-open-close"

Configuration Variables

Looking for your configuration file?
type string Required

cover-open-close

Cover tilt

Widget that display buttons to open, close or stop a cover.

Screenshot of the tile card with tilt feature Screenshot of the tile card with cover tilt feature 

features:
  - type: "cover-tilt"

Configuration Variables

Looking for your configuration file?
type string Required

cover-tilt

Light brightness

Widget that display a slider to select the brightness for a light.

Screenshot of the tile card with light brightness feature Screenshot of the tile card with light brightness feature 

features:
  - type: "light-brightness"

Configuration Variables

Looking for your configuration file?
type string Required

light-brightness

Vacuum commands

Widget that display buttons to control a vacuum.

Screenshot of the tile card with vacuum commands feature Screenshot of the tile card with vacuum commands feature 

features:
  - type: "vacuum-commands"
    commands:
      - start_pause
      - stop
      - clean_spot
      - locate
      - return_home

Configuration Variables

Looking for your configuration file?
type string Required

vacuum-commands

commands list Required

List of commands to show on the card. The list can contain start_pause, stop, clean_spot, locate and return_home.