Docs Shell — template.docs-shell
Dokumentations-Seitengeruest: Sticky-Topbar mit Burger-Menue (mobil, natives details + Controller-Veredelung), Navigation links, Inhalt mittig, Inhaltsverzeichnis rechts (ab 1280px), Fusszeile
Beispiele
Templates liefern Slot-Regeln statt eigener Demos — siehe Events & Slots.
Eigenschaften
| Prop | Typ | Default |
|---|---|---|
brand | string | "" |
brandHref | string | "" |
Events & Slots
Slot topbar: akzeptiert ui.*, layout.*, component.*
Slot hero: akzeptiert section.*, ui.*, layout.*
Slot sidebar: akzeptiert component.navigation, component.sidebar, ui.*, layout.* · Pflicht
Slot main: akzeptiert section.*, layout.*, component.*, ui.* · Pflicht
Slot toc: akzeptiert component.toc, ui.*
Slot footer: akzeptiert section.*, ui.*, layout.*
Stellschrauben (Komponenten-Tokens)
| Token | Default |
|---|---|
--docsshell-rail | 88rem |
--docsshell-topbar-h | 3.5rem |
Genutzte Design-Tokens
border.hairline color.border.subtle color.surface.backdrop color.surface.default color.surface.page color.surface.sunken color.text.default color.text.muted duration.fast easing.standard elevation.overlay font.family.default layer.modal radius.control size.10 size.12 size.2 size.3 size.4 size.5 size.6 size.8 text.lg text.sm weight.bold z.sticky