Filter chips

A row of toggle chips with optional counts, for filtering a list by state rather than tidy categories. ChipGroup wraps Base UI's ToggleGroup for single- or multi-select and roving focus; a chip darkens when pressed.

Single select

<ChipGroup defaultValue={['all']}>  <FilterChip value="all">All</FilterChip>  <FilterChip value="open" count={12}>Open</FilterChip>  <FilterChip value="blocked" count={3}>Blocked</FilterChip>  <FilterChip value="done" count={41}>Done</FilterChip></ChipGroup>

Multi select

<ChipGroup multiple defaultValue={['open', 'blocked']}>  <FilterChip value="open" count={12}>Open</FilterChip>  <FilterChip value="blocked" count={3}>Blocked</FilterChip>  <FilterChip value="done" count={41}>Done</FilterChip></ChipGroup>

Props

Prop	Type	Default	Notes
`ChipGroup.multiple`	`boolean`	`false`	Allow more than one chip active at once.
`ChipGroup.value`	`string[]`	—	Controlled selection; pair with onValueChange.
`FilterChip.value`	`string`	—	Identifies the chip in the group.
`FilterChip.count`	`number`	—	Trailing match count.