From a8e43079429a51be7a804477658770873badfd08 Mon Sep 17 00:00:00 2001 From: Paulus Schoutsen Date: Wed, 20 Jun 2018 22:02:44 -0400 Subject: [PATCH] Lovelace: Clarify how to load custom HTML --- docs/lovelace_custom_card.md | 11 ++++++++++- 1 file changed, 10 insertions(+), 1 deletion(-) diff --git a/docs/lovelace_custom_card.md b/docs/lovelace_custom_card.md index b198625c..1d65da7a 100644 --- a/docs/lovelace_custom_card.md +++ b/docs/lovelace_custom_card.md @@ -66,7 +66,16 @@ customElements.define('example-card', CustomCard); ## Loading your card in the frontend -Home Assistant is currently transitioning away from HTML imports but have not finished yet. To include your custom card, you will have to create an HTML file that will be imported by the frontend. Instructions on how to configure the frontend are [here](https://www.home-assistant.io/components/frontend/#extra_html_url). Create a new HTML file in `/www/custom-card.html`. You will be able to load it by referencing it as `/local/custom-card.html`. +Home Assistant is currently transitioning away from HTML imports but have not finished yet. To include your custom card, you will have to create an HTML file that will be imported by the frontend. Create a new HTML file in `/www/custom-card.html`. + +Then update your configuration to be like this: + +```yaml +# configuration.yaml example +frontend: + extra_html_url: + - "/local/wired-cards.html" +``` ## Referencing your new card