Put the element source file and its dependencies in
www/custom_ui/ directory under your Home Assistant configuration 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 Home Assistant’s UI.
Do not import any dependencies used by the Home Assistant UI.
Importing those will work in
development: 1 mode, but will fail in production mode.
customize: section of the
configuration.yaml file put
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.