Component gallery

Three toolbars, side by side

One fixture dataset, the three shipping approaches. The kit also exports its own FilterBar (the click-to-add bar over useTableFilters, demoed on the Table hooks page), which is a different thing from speedway's app-local FilterBar mirrored here.

Kit FacetBar

Standing facet menus with counts; applied values as removable chips
Filter
Module: Extract

Walmart standing selects

One always-visible control per facet; chips trail the controls so dropdowns never move
Filter
Enhance

Speedway FilterBar (app-local)

Search-first with a dropdown per filter; selected chips deliberately off by owner ruling
412 parts · filters show their own selection, no chips by ruling

Where each ships

Provenance, resolvable in the sibling checkouts
  • packages/ui/src/table/facet-bar.tsxthe kit FacetBar this gallery demos
  • walmart-mvp/frontend/src/components/FacetToolbar.tsx:172the in-code ruling replacing the click-to-add bar wherever the mock shows standing selects
  • speedway/app/components/FilterBar.tsx:242-244the owner ruling turning chips off: the filter triggers already indicate what is selected
@versable-git/ui · all states, both themes