Status-Anzeige — ui.status
Zustands-Punkt mit Beschriftung (online, beeinträchtigt, offline, wartend) — Punkt pulsiert optional; Farben aus Status-Tokens
UI Elementv1.0.0Statusweb.documentweb.applicationdesktop.shellemail.clientbuilder.preview
Beispiele
Online (pulsierend)
Alle Systeme laufenBeeinträchtigt (als Pille)
EingeschränktOffline
Nicht erreichbarWartend
Wird geprüftEigenschaften
| Prop | Typ | Default |
|---|---|---|
label * | string | — |
state | string: online | degraded | offline | pending | "online" |
pulse | boolean | false |
surface | boolean | false |
Stellschrauben (Komponenten-Tokens)
| Token | Default |
|---|---|
--status-tone | var(--color-status-success) |
Genutzte Design-Tokens
color.status.danger color.status.success color.status.warning color.text.default color.text.muted font.family.default radius.full size.05 size.2 text.sm weight.medium