mirror of
https://github.com/home-assistant/frontend.git
synced 2025-07-14 12:56:37 +00:00
Merge pull request #12054 from home-assistant/Add-image-to-design-docs
This commit is contained in:
commit
5d3d15072f
BIN
gallery/public/images/logo-with-text.png
Normal file
BIN
gallery/public/images/logo-with-text.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 67 KiB |
@ -2,6 +2,8 @@
|
|||||||
title: Editing design.home-assistant.io
|
title: Editing design.home-assistant.io
|
||||||
---
|
---
|
||||||
|
|
||||||
|

|
||||||
|
|
||||||
# How to edit design.home-assistant.io
|
# How to edit design.home-assistant.io
|
||||||
|
|
||||||
All pages are stored in [the pages folder][pages-folder] on GitHub. Pages are grouped in a folder per sidebar section. Each page can contain a `<page name>.markdown` description file, a `<page name>.ts` demo file or both. If both are defined the description is rendered first. The description can contain metadata to specify the title of the page.
|
All pages are stored in [the pages folder][pages-folder] on GitHub. Pages are grouped in a folder per sidebar section. Each page can contain a `<page name>.markdown` description file, a `<page name>.ts` demo file or both. If both are defined the description is rendered first. The description can contain metadata to specify the title of the page.
|
||||||
@ -41,15 +43,12 @@ import { html, css, LitElement } from "lit";
|
|||||||
import { customElement } from "lit/decorators";
|
import { customElement } from "lit/decorators";
|
||||||
import "../../../../src/components/ha-card";
|
import "../../../../src/components/ha-card";
|
||||||
|
|
||||||
|
|
||||||
@customElement("demo-user-experience-usability")
|
@customElement("demo-user-experience-usability")
|
||||||
export class DemoUserExperienceUsability extends LitElement {
|
export class DemoUserExperienceUsability extends LitElement {
|
||||||
protected render() {
|
protected render() {
|
||||||
return html`
|
return html`
|
||||||
<ha-card>
|
<ha-card>
|
||||||
<div class="card-content">
|
<div class="card-content">Hello world!</div>
|
||||||
Hello world!
|
|
||||||
</div>
|
|
||||||
</ha-card>
|
</ha-card>
|
||||||
`;
|
`;
|
||||||
}
|
}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user