Filterleiste

Filter-Bar über Tabellen/Listen: Suchfeld + Filter-Buttons mit Options-Panels + Zurücksetzen — Controller pflegt aktive Filter, emittet filter

Im Builder nutzen

Nutzt: ui.icon

Beispiele

Suche + zwei Filter mit Options-Panels (Auswahl markiert den Knopf, Reset erscheint)

StatusZeitraum

Eigenschaften

Prop	Typ	Default	Builder-Label
searchPlaceholder	string	"Suchen …"	Such-Platzhalter
filter	array	[]	Filter

* Pflicht-Prop

Events & Slots

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

Genutzte Design-Tokens

border.hairlinecolor.action.on-secondarycolor.action.primarycolor.action.secondarycolor.action.secondary-bordercolor.action.secondary-hovercolor.border.defaultcolor.surface.overlaycolor.surface.sunkencolor.text.defaultcolor.text.mutedelevation.controlelevation.overlayfont.family.defaultform.backgroundform.borderform.border-focusform.placeholderlayer.dropdownradius.controlradius.smsize.1size.2size.24size.3size.32text.mdtext.smweight.semibold