ConstraintsBar

Overview

The active list-constraints band: one strip that hosts the filter chips and the sort chips on a single line, separated by a hairline divider. Filters and sorts are told apart by their own tint (primary for filters, neutral for sorts), so the band reads as two grouped categories rather than one undifferentiated pile. Each group owns its own clear control.

Presentational only: the host supplies the two chip groups via the filters and sort slots and tells the band which groups are active. The band collapses (height 0) when nothing is active, so an unconstrained list spends no vertical chrome. The chip groups stay mounted (the band is clipped, not unmounted) so their toolbar triggers keep working while the band is collapsed.

Theme entry: ConstraintsBar

Props

Name	Type	Required	Default	Description
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.
filtersActive	boolean		false	True when one or more filters are active; drives the filters group, the divider, and band visibility.
sortsActive	boolean		false	True when one or more sort fields are active; drives the sort group, the divider, and band visibility.

Slots

Name	Scoped	Description
filters		The filter chips group (FilterGroup in hosted mode).
sort		The sort chips group (SortGroup in hosted mode).

Full slot reference

Source

client/lib/display/constraints-bar/ConstraintsBar.vue