Forms
@rahhal/ui/filter-chip

FilterChip

View as Markdown

Toggleable filter pill. Two interaction modes that compose: `active` + `onToggle` for multi-select category chips, `onRemove` for "applied filter" chips that show what's currently filtering the list. Optional `leading` icon and `count` badge. Use over `<Tabs>` when you have 3+ values, multi-select, or variable counts.

Examples

Toggle (multi-select with counts)

Removable (applied filters with leading icon)

Small (single-select toolbar)