Mehrfach-Select

Multi-Select mit Chips im Feld, Suchfilter und Options-Panel (Untitled-UI-Muster) — Controller pflegt Auswahl, Escape/Außenklick schließen, emittet auswahl

Im Builder nutzen

Nutzt: ui.icon

Beispiele

Multi-Select mit Chips, Suchfilter und Panel (klicken zum Öffnen)

Zuständige TeamsAuswählen …

Eigenschaften

Prop	Typ	Default	Builder-Label
label	string	""	Label
placeholder	string	"Auswählen …"	Platzhalter
options *	array	—	Optionen

* Pflicht-Prop

Events & Slots

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

Genutzte Design-Tokens

border.hairlinecolor.action.primarycolor.border.defaultcolor.status.dangercolor.surface.overlaycolor.surface.sunkencolor.text.defaultcolor.text.mutedelevation.overlayfocus.ring-colorfocus.ring-offsetfocus.ring-widthfont.family.defaultform.backgroundform.borderform.border-hoverform.placeholderlayer.dropdownradius.controlradius.smsize.05size.1size.10size.2size.3size.32size.4text.mdtext.smweight.medium