Loading...

CChipSet groups CChip children into a single container that manages roving focus, keyboard navigation, and selection between them.
Set the selectable prop to make every chip in the set selectable. Control the selected values with selected and onSelect. With the default selectionMode of "multiple", any number of chips can be active at once — useful for filters.
Set selectionMode="single" to allow only one selected chip at a time — selecting a chip deselects its siblings. This is useful for choice chips.
Add the filter prop to turn the chips into filter chips. A check icon is shown on each selected chip and removed when it is deselected. filter implies selectable, so you don't need to set both.
Set the removable prop to add a remove button to every chip. Pass defaultChips to let the chip set own an uncontrolled list and remove chips itself — each item is a string or an object with a value, an optional label, and any CChip props (such as disabled). Use chips together with onRemove instead for a controlled list. When a chip is removed, focus moves to a neighboring chip.