Filter Chip Group
A group of toggle chips for single or multi-select filtering. Semantically correct — renders as radiogroup / group with aria-checked. Supports leading icons and disabled items.
core/filter-chip-groupInstallation
1 · Add registry to components.json
2 · Install component
Examples
Default
Multi-select with icons, and single-select (radio) mode.
API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
itemsreq | FilterChipItem[] | — | Array of chip items with value, label, optional icon, and disabled flag. |
valuereq | string[] | — | Array of currently selected item values. |
onChangereq | (value: string[]) => void | — | Called when the selection changes. |
mode | "single" | "multiple" | "multiple" | Single acts as a radio group; selecting a new item deselects the previous. |
disabled | boolean | — | Disables all chips. |
className | string | — | Additional classes applied to the container div. |