ComponentsDataFilter bar

Filter bar

Linear-style filter chips with multi-value popovers.

@radix-ui/react-popoverlucide-react1 filedepends on: button

Preview

filter-bar/basic

Loading preview…

Install

$ pnpm dlx shadcn@latest add entropyui.pages.dev/r/filter-bar.json

Usage

import { FilterBar, applyFilters } from "@/components/ui/filter-bar"

The exports above are the public API. Each component forwards className and is sized with the --density token, so it follows the appearance settings automatically. Read the source in the Code tab of the preview or in src/components/ui/filter-bar.tsx for the full prop types.

Dependencies

Packages: @radix-ui/react-popover, lucide-react.

Entropy UI components: button (installed automatically by the CLI).

Loading documentation…