- Put the element source file and its dependencies in
www/custom_ui/directory under your homeassistant config directory.
For example if creating a state card for the
light domain named
That file should implement
<state-card-my_custom_light_card> tag with Polymer.
state-card-my_custom_light_card.html you should use
<link rel="import"> to import all the dependencies not used by Homeassistant UI.
Do not import any dependencies used by Homeassistant UI.
Importing those will work in
development: 1 mode, but will fail in production mode.
- In the
homeassistant: customize: - entity_id: light custom_ui_state_card: my_custom_light_card
For more possibilities, see the Custom UI section on our Examples page.