ChipListComponent

Represents the Kendo UI ChipList component for Angular. Displays a list of Chip components.

html

<kendo-chiplist selection="multiple">
  <kendo-chip label="Chip 1"></kendo-chip>
  <kendo-chip label="Chip 2"></kendo-chip>
</kendo-chiplist>

Selector

kendo-chiplist, kendo-chip-list

Inputs

Name	Type	Default	Description
navigable	boolean	true	By default, keyboard navigation is available through arrow keys and roving tabindex. When set to false, all chips are part of the default tabbing sequence of the page.
selection	ChipListSelection	'none'	Sets the selection mode of the ChipList.
size	ChipSize	'medium'	Sets the gap between the Chips in the ChipList. See ChipList Appearance.

Events

Name	Type	Description
remove	EventEmitter<ChipListRemoveEvent>	Fires when the user clicks the remove icon of a Chip in the ChipList.
selectedChange	EventEmitter<any[]>	Fires when the ChipList selection changes.