jeans/developers.home-assistant
jeans/developers.home-assistant
1
0
Fork 0
mirror of https://github.com/home-assistant/developers.home-assistant.git synced 2025-07-22 16:56:29 +00:00
Code Issues Packages Projects Releases Wiki Activity

Lovelace: Clarify how to load custom HTML

Browse Source
This commit is contained in:
Paulus Schoutsen 2018-06-20 22:02:44 -04:00 committed by GitHub
parent cfe5279ced
commit a8e4307942
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 10 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
docs/lovelace_custom_card.md
View File

@ -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 `<hass config dir>/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 `<hass config dir>/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