App Shell
App-Seitengeruest: Kopfzeile, Seitenleiste links, Arbeitsbereich, Fusszeile — fuer Desktop-Apps und Web-Applications. Kopf und Fuss sind optional; die Beschreibung versprach sie bis 1.3.0, ohne dass es die Slots gab.
Beispiele
Templates liefern Slot-Regeln statt HTML — siehe Events & Slots.
Eigenschaften
| Prop | Typ | Default | Builder-Label |
|---|---|---|---|
| headerTone | string: light | dark | "light" | Ton der Kopfzeile |
* Pflicht-Prop
Events & Slots
Slot header:
akzeptiert component.page-header, component.navigation, component.breadcrumb, ui.*, layout.*
Slot sidebar:
akzeptiert component.navigation, component.sidebar, ui.*
Slot main:
akzeptiert section.*, layout.*, component.*, ui.*
Slot footer:
akzeptiert section.footer, ui.*, layout.*
Stellschrauben (Komponenten-Tokens)
Ebene 3 — aus dem CSS generiert (Registry). Umverdrahtbar per Hüllen-Komposition, ohne Markup-Eingriff; künftige Regler-Quelle des Component Builders.
| Token | Default |
|---|---|
--appshell-band-dark | var(--color-band-dark) |
--appshell-band-dark-muted | var(--color-band-dark-muted) |
--appshell-band-dark-text | var(--color-band-dark-text) |
--appshell-border-default | var(--color-border-default) |
--appshell-surface-default | var(--color-surface-default) |
--appshell-surface-page | var(--color-surface-page) |
--appshell-text-default | var(--color-text-default) |