Range filter

willink/range-filter

UnverifiedBlock

A faceted number/price range filter composing the @willink-labs/react primitives (Popover + Slider + Badge + Button + Label) — a popover trigger showing the current range as a badge, a two-thumb slider with a formatter, and apply/reset actions wired to onApply. Copy-to-own via `npx shadcn add @willink/range-filter`; the range and formatter are yours to edit and the `--color-brand` theming comes from the npm packages (ADR-0020).

Install it

npx shadcn@latest add https://raw.githubusercontent.com/willink-oss/willink-design-system/main/apps/registry/range-filter.json

This registry does not serve an item endpoint we could read, so we hold its metadata but not its source.

What it pulls in

npm packages

@willink-labs/react
@willink-labs/tailwind-preset

Files it writes

registry/blocks/range-filter/range-filter.tsx

More from @willink

All 26 items

Same registry, same kind — the ones you would have found next
Component	Registry	Kind	Access	Installs
Article cardarticle-card	@willink	Blocks	Unverified	2 deps
Auth formauth-form	@willink	Blocks	Unverified	2 deps
Command palettecommand-palette	@willink	Blocks	Unverified	2 deps
Comparison tablecomparison-table	@willink	Blocks	Unverified	2 deps
Confirm dialogconfirm-dialog	@willink	Blocks	Unverified	2 deps
Contact formcontact-form	@willink	Blocks	Unverified	2 deps
CTA sectioncta-section	@willink	Blocks	Unverified	2 deps
Dashboard shelldashboard-shell	@willink	Blocks	Unverified	2 deps