Badge

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

Im Builder nutzen

Beispiele

Neutral

Entwurf

Erfolg

Veröffentlicht

Warnung

Veraltet

Fehler

Fehlgeschlagen

Info

Beta

Klein + Outline

Beta

Eigenschaften

Prop	Typ	Default	Builder-Label
label *	string	—	Beschriftung
variant	string: neutral | success | warning | danger | info	"neutral"	Variante
dot	boolean	false	Status-Punkt zeigen
size	string: sm | md	"md"	Größe
outline	boolean	false	Nur Rahmen (transparent)

* 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.

Token	Default
--badge-background	var(--color-surface-sunken)
--badge-color	var(--color-text-muted)
--badge-border	var(--color-border-default)

Genutzte Design-Tokens

border.hairlinecolor.border.defaultcolor.status.dangercolor.status.danger-surfacecolor.status.infocolor.status.info-surfacecolor.status.successcolor.status.success-surfacecolor.status.warningcolor.status.warning-surfacecolor.surface.sunkencolor.text.mutedfont.family.defaultleading.baseradius.fullsize.05size.1size.2text.xsweight.semibold