Issue queue
Filter by status or conversation type
Current selectionRADIO
Tactile Filter Chips
A tactile filter group for issue queues and data views, with accessible single or multiple selection, live counters, and a mechanical shared-layout indicator.
Dependencies
motionlucide-react
Interaction
Single selection moves one shared indicator between options. Multiple selection gives each chip an isolated damped spring response. Radio arrows, Home, and End move focus and selection.
Props
| Prop | Type | Description |
|---|---|---|
| options | FilterChipOption[] | Filter options with IDs, labels, optional counts, icons, and disabled states. |
| mode | "single" | "multiple" | Select one filter or toggle several filters. |
| value | string | string[] | Controlled selection; a string in single mode or a string array in multiple mode. |
| defaultValue | string | string[] | Initial selection for uncontrolled usage. |
| onChange | (value: string | string[]) => void | Called with the updated selected option ID or IDs. |
| size | "sm" | "md" | Chip density. |
| showClear | boolean | Shows a Reset control when one or more filters are active. |
| className | string | Additional classes applied to the outer group. |
MIT License. Free to use in personal and commercial projects. Built for Peel UI.