Skip to content

Chip Group Component

A chip group component.

Properties

NameTypeDefaultDescription
fullwidthbooleanfalseThe size of the chip group.
mode'single-select' | 'multi-select''single-select'The mode of the chip group.

Slots

NameDescription
defaultChip group contents, you should use some tap-chip components here

CSS Parts

NameDescription
chip-groupThe main container for the chip group.

Check this link to learn how to use CSS parts for Chip Group Component.

CSS Properties

TokenDefaultDescription
--tap-chip-group-gap--tap-sys-spacing-5The gap between chips in the group.