Design system primitives: buttons, badges and other building blocks our sections are composed from. Install one and reuse it across your whole project.
1–14 of 14
Multi-select checkbox list with optional result counts. Works controlled or uncontrolled, designed for filter sidebars and toolbars.
Multi-select button chips for compact option sets like sizes. Works controlled or uncontrolled.
Searchable dropdown for very long option lists like brands. Type to narrow options, select one or many, and see result counts inline.
Dropdown with checkbox rows and a selection-count badge. Keeps many-option filters compact in toolbars where a checkbox list would not fit.
Single-select radio list with optional result counts. Clicking the active option clears the selection, so the filter is always escapable.
Paired number inputs for open-ended ranges: either side can stay empty, so users can filter by only a minimum or only a maximum.
Star rows for minimum-rating filtering in the familiar n-and-up pattern. Clicking the active row clears the selection.
Text search input with a leading icon for keyword filtering. Debounce in the consumer if you fetch on change.
Single-select segmented control built on Tabs for mutually exclusive choices like gender or condition. Clicking the active segment clears the selection.
Single-select dropdown for long option lists that would crowd a sidebar. Supports a clear item, result counts, and a disabled state for dependent filters.
Two-thumb range slider with live numeric readouts and a commit callback, built for price ranges.
Multi-select color circles for color filtering. Each option paints its own CSS color and stays accessible via screen-reader labels.
Switch rows for boolean product flags like on-sale or in-stock. Multi-select, works controlled or uncontrolled.
Hierarchical checkbox tree for nested categories with expand/collapse rows. Checking a parent checks its whole subtree, and partially selected parents turn indeterminate.