New to Kendo UI for AngularStart a free 30-day trial

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

Definition

Package:@progress/kendo-angular-buttons

Selector:kendo-chiplist, kendo-chip-list

Syntax:

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

Inputs

boolean

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.

Default:

true

Sets the selection mode of the ChipList.

Default:

'none'

Sets the gap between the Chips in the ChipList. See ChipList Appearance. The default value is set by the Kendo theme.

Events

Fires when the user clicks the remove icon of a Chip in the ChipList.

Fires when the ChipList selection changes.