Chip

Filter-/Auswahl-Chip — im Element Builder generiert (Archetyp box)

UI Elements v1.1.0 Status WebsiteAppDesktop ui.chip

Nutzt: ui.icon

Beispiele

Neutral
Neutral
Erfolg
Erfolg
Warnung
Warnung
Mit Icon und Entfernen-Knopf (emittiert remove)
Vertrieb

Eigenschaften

PropTypDefaultBuilder-Label
label *stringBeschriftung
variantstring: neutral | erfolg | warnung"neutral"Variante
removablebooleanfalseEntfernen-Knopf zeigen
iconstring""Icon-Name (optional, vorne)

* Pflicht-Prop

Events & Slots

Events: ⚡ remove — im Surface per on: {<event>: {action, params}} verdrahtbar.

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