New to Kendo UI for Vue? Start a free 30-day trial

ChipList Data Binding

Updated on Nov 11, 2026

The ChipList renders a Chip for each item in the collection you provide. Pass the items through dataItems, or set the initial collection through defaultDataItems when the ChipList manages its data internally.

Item Fields

By default, the ChipList reads the text and value fields of each item. To use different field names, set textField and valueField accordingly.

The item value identifies Chips for selection and removal, so it is recommended to use distinct values. This is separate from the ChipList value and defaultValue, which hold the selection when selection is single or multiple.

The following demo uses the default text and value fields and applies custom rendering to the Chips.

Example
View Source
Loading ...
In this article
Item FieldsSuggested Links
Not finding the help you need?
Contact Support