ns-ui / filter-facet-mesh
59 results
Toggle a facet — the mesh gains or loses a thread and the result count sifts to its new value.
ns-ui
Faceted filter chips as a sieve — active facets read as taut, bright threads in a hairline mesh fanned from a hub above the chip row, hovering a chip visibly tightens its own thread, and deselecting one opens a gap that shakes a few result particles through as the count sifts to its new value.
Use when a faceted filter bar (product listings, search refinement) where the active facet set itself deserves a visible structure, not a plain row of pills; this is set-membership (which facets are ON), not an event counter — for tallying discrete events over time, use histogram-live-grain instead.
Install
npx shadcn add https://design.helpmarq.comns-ui / filter-facet-mesh
59 results
Toggle a facet — the mesh gains or loses a thread and the result count sifts to its new value.
| Prop | Type | Default | Description |
|---|---|---|---|
| defaultActive? | string[] | ["in-stock", "bestseller"] | — |
| className? | string | — | — |