Chips

Chips group for input or selection lists

Props

React props
NameTypeRequiredDefaultDescription
classNamestring | ClassNameComponent<ChipsInterface>NoClasses or state-aware element classes applied through the shared style contract.
labelstringNo'Chips'Accessible name for the chip collection.
variant"input"No'input'Enables inline input and removal behavior.
scrollablebooleanNotrueUses horizontal overflow instead of wrapping.
draggablebooleanNofalseEnables native dragging on every chip.
itemsChipItem[]NoControlled source of truth for the collection.
onItemsChange(next: ChipItem[]) => voidNoNotifies list changes caused by selection, editing, or removal.