jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-20 07:46:37 +00:00
Code Issues Packages Projects Releases Wiki Activity

Allow ha-alert to be used in our markdown render (#12153)

Browse Source
This commit is contained in:
Joakim Sørensen 2022-03-30 11:22:36 +02:00 committed by GitHub
parent 7ca28469b7
commit cfc1999a28
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 13 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
gallery/src/pages/lovelace/markdown-card.ts
View File

@ -9,7 +9,7 @@ const CONFIGS = [
heading: "markdown-it demo", heading: "markdown-it demo",
config: ` config: `
- type: markdown - type: markdown
content: > content: >-
# h1 Heading 8-) # h1 Heading 8-)
## h2 Heading ## h2 Heading
@ -249,6 +249,17 @@ const CONFIGS = [
::: warning ::: warning
*here be dragons* *here be dragons*
::: :::
### ha-alert
You can use our [\`ha-alert\`](https://design.home-assistant.io/#components/ha-alert) component in markdown content rendered in the Home Assistant Frontend.
<ha-alert alert-type="error">This is an error alert — check it out!</ha-alert>
<ha-alert alert-type="warning">This is a warning alert — check it out!</ha-alert>
<ha-alert alert-type="info">This is an info alert — check it out!</ha-alert>
<ha-alert alert-type="success">This is a success alert — check it out!</ha-alert>
<ha-alert title="Test alert">This is an alert with a title</ha-alert>
`, `,
}, },
]; ];

1
src/resources/markdown_worker.ts
View File

@ -47,6 +47,7 @@ const renderMarkdown = (
input: ["type", "disabled", "checked"], input: ["type", "disabled", "checked"],
"ha-icon": ["icon"], "ha-icon": ["icon"],
"ha-svg-icon": ["path"], "ha-svg-icon": ["path"],
"ha-alert": ["alert-type", "title"],
}; };
} }