Window
Desktop-Fensterrahmen mit Titelleiste und Controls — Inhalt via contentMode (legacy-iframe | integrated-page) ab Phase 5
Beispiele
Aktives Fenster mit Inhalt
David Selig
contentMode: integrated-page — Inhalt kommt ab Phase 5 vom Window Service.
Inaktives Fenster
Nicht fokussiert — flachere Elevation über Token.
Eigenschaften
| Prop | Typ | Default | Builder-Label |
|---|---|---|---|
| title * | string | — | Titel |
| width | number | 520 | Breite (px) |
| active | boolean | true | Aktiv (fokussiert) |
* Pflicht-Prop
Events & Slots
Events:
⚡ close⚡ minimize⚡ maximize⚡ focus — im Surface per on: {<event>: {action, params}} verdrahtbar.
Slot default:
akzeptiert ui.*, component.*, section.*, 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 |
|---|---|
--window-background | var(--color-surface-overlay) |
--window-border | var(--color-border-default) |
--window-radius | var(--radius-overlay) |
--window-shadow | var(--elevation-raised) |
--window-titlebar-background | var(--color-surface-sunken) |
Genutzte Design-Tokens
border.hairlinecolor.action.secondary-hovercolor.border.defaultcolor.border.strongcolor.status.dangercolor.surface.overlaycolor.surface.sunkencolor.text.defaultcolor.text.inversecolor.text.mutedduration.fasteasing.standardelevation.overlayelevation.raisedfont.family.defaultradius.overlayradius.smsize.4size.6text.smtext.xsweight.semibold