Filters

A stepped filter builder with nested attributes, popover value editors and a boolean query tree.

Library

ReUI

Framework

React

Type

component

License

MIT

Install

npx shadcn@latest add @reui/filters

Files

• registry-reui/bases/radix/reui/filters/filters-advanced.tsx
• registry-reui/bases/radix/reui/filters/filters-builder.tsx
• registry-reui/bases/radix/reui/filters/filters-chip.tsx
• registry-reui/bases/radix/reui/filters/filters-context.tsx
• registry-reui/bases/radix/reui/filters/filters-date.tsx
• registry-reui/bases/radix/reui/filters/filters-dnd.tsx
• registry-reui/bases/radix/reui/filters/filters-draft.tsx
• registry-reui/bases/radix/reui/filters/filters-editors.tsx

Source

https://github.com/keenthemes/reui

Categories

• Data Display Components
• React Data Display Components
• Tailwind CSS Data Display Components
• Filter Bar Components
• React Filter Bar Components
• Tailwind CSS Filter Bar Components

More from ReUI

• Everything in one filter bar
• Nested groups in a popover
• Nested groups inline, walked back out
• Controlled, sized and translated
• Nested attributes at workspace scale
• Status and priority colour badges
• Avatars, paging and a restored view
• A date and a date range editor
• Sliders as the value editor
• Filtering a table
• Choice controls as editors
• Typed values in shadcn inputs