| // @ts-nocheck | |
| import * as mod from "./favicon" | |
| const docs = `### Overview | |
| Injects favicon and app icon meta tags for the document head. | |
| Render once near the app root (head management). | |
| ### API | |
| - No props. | |
| ### Variants and states | |
| - Single configuration. | |
| ### Behavior | |
| - Registers link and meta tags via Solid Meta components. | |
| ### Accessibility | |
| - Not applicable. | |
| ### Theming/tokens | |
| - Not applicable. | |
| ` | |
| export default { | |
| title: "UI/Favicon", | |
| id: "components-favicon", | |
| component: mod.Favicon, | |
| tags: ["autodocs"], | |
| parameters: { | |
| docs: { | |
| description: { | |
| component: docs, | |
| }, | |
| }, | |
| }, | |
| } | |
| export const Basic = { | |
| render: () => ( | |
| <div style={{ display: "grid", gap: "8px" }}> | |
| <mod.Favicon /> | |
| <div style={{ color: "var(--text-weak)", "font-size": "12px" }}> | |
| Head tags are injected for favicon and app icons. | |
| </div> | |
| </div> | |
| ), | |
| } | |