FilterChip

Overview

Renders a single active filter as a removable pill. The label segment shows the field name and its current value and opens the field's edit form in a popover; the trailing segment removes the filter. The chip resolves choice values to their human labels via useModelChoices, and turns destructive when the server rejected the value.

Theme entry: FilterChip

Props

Name	Type	Required	Default	Description
iconOverride	Object		null	A partial icon registry ({ [componentName]: { [iconName]: { component, props } } }) merged with inherited and default icon entries; scopes icon overrides to this component and its descendants.
themeOverride	String|Object|Array		null	A partial theme object merged with the component's default theme; accepts a class string, class array, or theme object.
filter	object	yes		The active filter entry to render: { field, value, range, param }.
filterDetails	object	yes		Filter configuration for this field (label, choices, typeFilter, lookupExprs, suffixes).
query	object		{}	Current URL query, forwarded to the edit form so it seeds from the active value.
errored	boolean		false	When true, the server rejected this filter's value; the chip renders destructive.

Slots

slot

Scoped slot.

Bindings

Name	Description
name

Events

hide-filter-form

Source

client/lib/form/filter/FilterChip.vue