Filters

Grouped toggle button filters for status and priority, with reset and apply actions.

Library

FLX UI

Framework

React

Type

block

License

AGPL-3.0

Dependencies

lucide-react

Install

pnpm dlx shadcn@latest add @flx/popover-13

Files

• registry/patterns/popover/popover-13.tsx
• src/components/ui/badge.tsx
• src/components/ui/button.tsx
• src/components/ui/field.tsx
• src/components/ui/popover.tsx
• src/components/ui/separator.tsx
• src/components/ui/toggle-group.tsx
• src/lib/utils.ts

Source

https://github.com/felipemenezes098/ui-flx

Categories

• Data Display Components
• React Data Display Components
• Tailwind CSS Data Display Components
• shadcn/ui Data Display Components
• Filter Bar Components
• React Filter Bar Components
• Tailwind CSS Filter Bar Components
• shadcn/ui Filter Bar Components
• Overlay Components
• React Overlay Components
• Tailwind CSS Overlay Components
• shadcn/ui Overlay Components

More from FLX UI

• No results
• Basic
• With header
• Sides
• Alignment
• Custom width
• Dimensions form
• Notification settings
• Color picker
• Share link
• Notifications list
• Profile card