Badge

Status- oder Kategorie-Kennzeichen. BREAKING 2.0.0: Prop tone heißt jetzt variant (Migration 1-to-2 vorhanden)

UI Elements v2.1.0 Status WebsiteAppDesktopE-Mail ui.badge

Beispiele

Neutral
Entwurf
Erfolg
Veröffentlicht
Warnung
Veraltet
Fehler
Fehlgeschlagen
Info
Beta

Eigenschaften

PropTypDefaultBuilder-Label
label *stringBeschriftung
variantstring: neutral | success | warning | danger | info"neutral"Variante
dotbooleanfalseStatus-Punkt zeigen

* Pflicht-Prop

Genutzte Design-Tokens

color.action.secondarycolor.status.dangercolor.status.danger-surfacecolor.status.infocolor.status.info-surfacecolor.status.successcolor.status.success-surfacecolor.status.warningcolor.status.warning-surfacecolor.text.mutedfont.family.defaultleading.baseradius.fullsize.05size.1size.2text.xsweight.semibold