50 lines
896 B
TypeScript
50 lines
896 B
TypeScript
// @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>
|
|
),
|
|
}
|