Group chips into an accessible, keyboard-navigable container with .chip-set and data-coreui-chip-set . The set manages roving focus, arrow-key navigation, and moving focus to a neighboring chip after one is removed, so you don't need to initialize each chip separately.

Set data-coreui-selectable="true" to make every chip in the set selectable. With the default selectionMode of multiple , any number of chips can be active at once — useful for filters.

Use data-coreui-selection-mode="single" to allow only one selected chip at a time — selecting a chip deselects its siblings. This is useful for choice chips.

Add data-coreui-filter="true" 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 data-coreui-removable="true" to add a remove button to every chip. When a chip is removed, focus moves to a neighboring chip.