• Getting Started
  • Components
    • Barcodes
    • Buttons
    • Chartsupdated
    • Conversational UIupdated
    • Data Query
    • Date Inputs
    • Date Math
    • Dialogs
    • Drawing
    • Dropdownsupdated
    • Editor
    • Excel Export
    • File Saver
    • Filter
    • Gantt
    • Gauges
    • Gridupdated
    • Icons
    • Indicators
    • Inputsupdated
    • Labels
    • Layout
    • ListBox
    • ListView
    • Map
    • Menus
    • Navigation
    • Notification
    • Pager
    • PDF Export
    • PDFViewer
    • PivotGrid
    • Popup
    • ProgressBars
    • Ripple
    • Schedulerupdated
    • ScrollView
    • Sortable
    • Spreadsheetupdated
    • ToolBar
    • Tooltips
    • TreeList
    • TreeViewupdated
    • Typography
    • Uploads
    • Utilities
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Sample Applications
  • FAQ
  • Troubleshooting
  • Updates
  • Changelogs
New to Kendo UI for Angular? Start a free 30-day trial

ChipListComponent

Selector

kendo-chiplist, kendo-chip-list

Inputs

NameTypeDefaultDescription

navigable

boolean

false

When set to true, keyboard navigation is available through arrow keys and roving tabindex. Otherwise, all chips are part of the default tabbing sequence of the page.

selection

ChipListSelection

Sets the selection mode of the ChipList.

The available values are:

  • none (default)
  • single
  • multiple

size

ChipListSize

The size property specifies the gap between the Chips in the ChipList (see example).

The possible values are:

  • 'small'
  • 'medium' (default)
  • 'large'
  • none

Events

NameTypeDescription

remove

EventEmitter<ChipListRemoveEvent>

Fires each time the user clicks on the remove icon of the Chip.

selectedChange

EventEmitter<any[]>

Fires each time when the ChipList selection is changed.

In this article

Not finding the help you need?