Component gallery

FacetBar

Standing facet menus with counts, applied values as removable chips, and the cell that applies its own facet on click.

The bar

One row: facets on the left, search and a Refresh icon at the right end; Clear all appears inline once a filter applies
Filter

Narrow (390px)

The same bar in a phone-width box: the facets wrap, and the search takes its own full row instead of overflowing

FilterableCell

A cell value that applies its facet on click; dotted underline on hover

facetTooltip

The helper composing the hover copy with the current selection
Filter by module Selected: Extract

Siblings

FilterBar (the click-to-add bar over useTableFilters) lives on the Table hooks page; the three-toolbar comparison is a patterns-section item

FacetBar is the one list toolbar, and DataTable renders it by default. FilterBar remains for registry kinds that cannot be a menu (a range, a boolean) and shows beneath it only then. Actions such as Download belong in the card head or the page title, never in this row.

Styling slots

FacetBar exposes one loose className, not a full slot map
searchClassName
the inline search input inside the bar
@versable-git/ui · all states, both themes