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	Object		null	A partial ThemeObject keyed by component name, merged over this component's theme and provided to descendants.
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.

Events

hide-filter-form

Source

client/lib/form/filter/FilterChip.vue