Chip
Filter-/Auswahl-Chip — im Element Builder generiert (Archetyp box)
Nutzt: ui.icon
Beispiele
Neutral
Neutral
Erfolg
Erfolg
Legacy-Alias „warnung" → warning
Warnung
Mit Icon und Entfernen-Knopf (emittiert remove)
Vertrieb
Eigenschaften
| Prop | Typ | Default | Builder-Label |
|---|---|---|---|
| label * | string | — | Beschriftung |
| variant | string: neutral | success | warning | erfolg | warnung | "neutral" | Variante |
| removable | boolean | false | Entfernen-Knopf zeigen |
| icon | string | "" | Icon-Name (optional, vorne) |
* Pflicht-Prop
Events & Slots
Events:
⚡ remove — im Surface per on: {<event>: {action, params}} verdrahtbar.
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 |
|---|---|
--chip-background | var(--color-surface-sunken) |
--chip-color | var(--color-text-muted) |
Genutzte Design-Tokens
color.status.successcolor.status.success-surfacecolor.status.warningcolor.status.warning-surfacecolor.surface.sunkencolor.text.mutedfocus.ring-colorfocus.ring-widthfont.family.defaultradius.fullradius.overlaysize.1size.3size.4text.xsweight.semibold