Chip Group
The Chip Group component displays a group of chip notifications in a uniform position, supports ref methods.
Usage
Default
<ChipGroup chips={chips} onRemove={(id) => setChips(prev => prev.filter(c => c.id !== id))} />Props
| Type | Description | |
|---|---|---|
| children | undefined | Children are not allowed when using `chips`. |
| chips | ChipProps[] | Chips array is not allowed when using children. |
| className | string | Optional class name for the chip group container. |
| data-testid | string | Optional test ID for testing frameworks. |
| onRemove | ((id: string) => void) | Optional callback when a chip is removed. |
| position | PositionType | Default position for chips in the group. |
| size | SizeType | Default size for chips if not individually specified. |