Window — component.window
Desktop-Fensterrahmen mit Titelleiste und Controls — Inhalt via contentMode (legacy-iframe | integrated-page) ab Phase 5
Componentv1.0.0Desktopdesktop.shellbuilder.preview
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 |
|---|---|---|
title * | string | — |
width | number | 520 |
active | boolean | true |
Events & Slots
Events: close, minimize, maximize, focus
Slot default: akzeptiert ui.*, component.*, section.*, layout.*
Stellschrauben (Komponenten-Tokens)
| 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.hairline color.action.secondary-hover color.border.default color.border.strong color.status.danger color.surface.overlay color.surface.sunken color.text.default color.text.inverse color.text.muted duration.fast easing.standard elevation.overlay elevation.raised font.family.default radius.overlay radius.sm size.4 size.6 text.sm text.xs weight.semibold