Badge — ui.badge
Status- oder Kategorie-Kennzeichen. BREAKING 2.0.0: Prop tone heißt jetzt variant (Migration 1-to-2 vorhanden)
UI Elementv2.1.0Statusweb.documentweb.applicationdesktop.shellemail.client
Beispiele
Neutral
EntwurfErfolg
VeröffentlichtWarnung
VeraltetFehler
FehlgeschlagenInfo
BetaKlein + Outline
BetaEigenschaften
| Prop | Typ | Default |
|---|---|---|
label * | string | — |
variant | string: neutral | success | warning | danger | info | "neutral" |
dot | boolean | false |
size | string: sm | md | "md" |
outline | boolean | false |
Stellschrauben (Komponenten-Tokens)
| Token | Default |
|---|---|
--badge-background | var(--color-surface-sunken) |
--badge-color | var(--color-text-muted) |
--badge-border | var(--color-border-default) |
Genutzte Design-Tokens
border.hairline color.border.default color.status.danger color.status.danger-surface color.status.info color.status.info-surface color.status.success color.status.success-surface color.status.warning color.status.warning-surface color.surface.sunken color.text.muted font.family.default leading.base radius.full size.05 size.1 size.2 text.xs weight.semibold