Chip — ui.chip
Filter-/Auswahl-Chip — im Element Builder generiert (Archetyp box)
UI Elementv1.2.0Statusweb.documentweb.applicationdesktop.shell
Beispiele
Neutral
NeutralErfolg
ErfolgLegacy-Alias „warnung" → warning
WarnungMit Icon und Entfernen-Knopf (emittiert remove)
VertriebEigenschaften
| Prop | Typ | Default |
|---|---|---|
label * | string | — |
variant | string: neutral | success | warning | erfolg | warnung | "neutral" |
removable | boolean | false |
icon | string | "" |
Events & Slots
Events: remove
Stellschrauben (Komponenten-Tokens)
| Token | Default |
|---|---|
--chip-background | var(--color-surface-sunken) |
--chip-color | var(--color-text-muted) |
Genutzte Design-Tokens
color.status.success color.status.success-surface color.status.warning color.status.warning-surface color.surface.sunken color.text.muted focus.ring-color focus.ring-width font.family.default radius.full radius.overlay size.1 size.3 size.4 text.xs weight.semibold