From dd7197956aee2a1e0011de35721b190a6cfbc7da Mon Sep 17 00:00:00 2001 From: Paulus Schoutsen Date: Fri, 29 Jun 2018 18:00:26 -0400 Subject: [PATCH] Add screenshot of custom card --- docs/lovelace_custom_card.md | 2 ++ .../lovelace-ui-custom-card-screenshot.png | Bin 0 -> 7278 bytes 2 files changed, 2 insertions(+) create mode 100644 website/static/img/en/frontend/lovelace-ui-custom-card-screenshot.png diff --git a/docs/lovelace_custom_card.md b/docs/lovelace_custom_card.md index 6343d52e..cc7d746e 100644 --- a/docs/lovelace_custom_card.md +++ b/docs/lovelace_custom_card.md @@ -100,6 +100,8 @@ views: Resources to load in Lovelace can be imported as a JS script, an HTML import or as a JS module import. Below is an example of a custom card using JS modules that does all the fancy things. +![Screenshot of the wired card](/img/en/frontend/lovelace-ui-custom-card-screenshot.png) + Create a new file in your Home Assistant config dir as `/www/wired-cards.js` and put in the following contents: ```js diff --git a/website/static/img/en/frontend/lovelace-ui-custom-card-screenshot.png b/website/static/img/en/frontend/lovelace-ui-custom-card-screenshot.png new file mode 100644 index 0000000000000000000000000000000000000000..cd027fe6f2fd25169a6adfde49878a7d2652af35 GIT binary patch literal 7278 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