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> tag with Polymer.
state-card-my-custom-light.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.
1) In the
customize: section of the
configuration.yaml file put
2) In the
frontend section use
extra_html_url to specify the URL to load.
homeassistant: customize: light.bedroom: custom_ui_state_card: state-card-my-custom-light frontend: extra_html_url: - /local/custom_ui/state-card-my-custom-light.html
For more possibilities, see the Custom UI section on our Examples page.