Status-Anzeige

Zustands-Punkt mit Beschriftung (online, beeinträchtigt, offline, wartend) — Punkt pulsiert optional; Farben aus Status-Tokens

UI Elements v1.0.0 Status WebsiteAppDesktopE-Mail ui.status

Beispiele

Online (pulsierend)
Alle Systeme laufen
Beeinträchtigt (als Pille)
Eingeschränkt
Offline
Nicht erreichbar
Wartend
Wird geprüft

Eigenschaften

PropTypDefaultBuilder-Label
label *stringBeschriftung
statestring: online | degraded | offline | pending"online"Zustand
pulsebooleanfalsePunkt pulsiert
surfacebooleanfalseAls Pille mit Fläche

* Pflicht-Prop

Genutzte Design-Tokens

color.status.dangercolor.status.successcolor.status.warningcolor.text.defaultcolor.text.mutedfont.family.defaultradius.fullsize.05size.2text.smweight.medium