Components/Filter(14)

Filter components from Beste UI, design system primitives built with shadcn/ui and Tailwind CSS.

Category

42
24
10
8
38
12

Tree Filter

Hierarchical checkbox tree for nested categories with expand/collapse rows. Checking a parent checks its whole subtree, and partially selected parents turn indeterminate.

Deals

Toggle Filter

Switch rows for boolean product flags like on-sale or in-stock. Multi-select, works controlled or uncontrolled.

Color

Color Swatch Filter

Multi-select color circles for color filtering. Each option paints its own CSS color and stays accessible via screen-reader labels.

Price

$25$180

Range Slider Filter

Two-thumb range slider with live numeric readouts and a commit callback, built for price ranges.

Category

Select Filter

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.

Gender

Segmented Filter

Single-select segmented control built on Tabs for mutually exclusive choices like gender or condition. Clicking the active segment clears the selection.

Search

Search Filter

Text search input with a leading icon for keyword filtering. Debounce in the consumer if you fetch on change.

Rating

Rating Filter

Star rows for minimum-rating filtering in the familiar n-and-up pattern. Clicking the active row clears the selection.

Price

to

Min/Max Range Filter

Paired number inputs for open-ended ranges: either side can stay empty, so users can filter by only a minimum or only a maximum.

Fit

32
14
21

Radio Filter

Single-select radio list with optional result counts. Clicking the active option clears the selection, so the filter is always escapable.

Size

Multiselect Filter

Dropdown with checkbox rows and a selection-count badge. Keeps many-option filters compact in toolbars where a checkbox list would not fit.

Brand

Combobox Filter

Searchable dropdown for very long option lists like brands. Type to narrow options, select one or many, and see result counts inline.

Size

Chips Filter

Multi-select button chips for compact option sets like sizes. Works controlled or uncontrolled.

Category

24
18
9
12

Checkbox Filter

Multi-select checkbox list with optional result counts. Works controlled or uncontrolled, designed for filter sidebars and toolbars.

Markdown version