Theme: ← Übersicht Tokens

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 *string—Beschriftung
statestring: online | degraded | offline | pending"online"Zustand
pulsebooleanfalsePunkt pulsiert
surfacebooleanfalseAls Pille mit Fläche

* Pflicht-Prop

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.

TokenDefault
--status-tonevar(--color-status-success)

Genutzte Design-Tokens

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