Component

Chip group

A horizontally scrolling row of pill filters, single- or multi-select, with the active chip filled solid.

Standalone

chip group.tsx

<NativeChipGroup chips={chips} value={value} onValueChange={setValue} />

Filter chips sit above a list, narrowing results by status as each one is toggled.

Showing All items

chip-group-example.tsx

<NativeChipGroup chips={filterChips} value={filter} onValueChange={setFilter} />
<FilteredList filter={filter} />

Prop	Type	Description
chipsrequired	NativeChip[]	-
valuerequired	string \| string[]	Selected key(s) - pass string for single, string[] for multi
onValueChangerequired	(value: string \| string[]) => void	-
multi	boolean	-
className	string	-