Faceted Filter Bar
Three facet chips with removable tokens and the live count per change.
Three facet chips with removable tokens and the live count per change.
Search blocks by description or jump to a page.
The source for every Application block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Faceted Filter Bar is the controls strip above a deployment list, three chips (Status, Owner, Environment) each toggling between All and one value, active facets repeated below as removable tokens with an X, and a live count line that reads 38 of 124 deployments match as filters combine. Clear all appears the moment any facet is active.
Facets are one const array; the match counts come from a lookup keyed on the sorted active set. The token row is what turns a chip state into a readable summary of what is currently filtered.
Reach for this block above any list or table where users narrow by dimension rather than keyword, wired to your deployments or items endpoint. Wire active state to URL search params so a filtered view can be shared as a link.
A natural flow around it on an Application Pro page:
Before
After
One strong use is the deployments filter strip. Other faceted bars:
Tip: active filters that persist in the URL let users bookmark and share exact list views without saving anything explicitly.