Filter Bar

Multi-condition filter bar with search input, removable filter chips, date-range picker, and list/grid view toggle.

Active filters:Status:Active, TrialingPlan:Enterprise, Pro

Installation

You can add this filter bar component using our CLI or manually:

Dark mode ready - this component follows Ethereal UI semantic tokens automatically. Set up theme switching.

The CLI copies the component source (with its internal dependencies) into your project and installs any required npm packages.

npx @etherealui/cli@latest add filter-bar