# ChipList Data Binding

The ChipList renders a Chip for each item in the collection you provide. Pass the items through [`dataItems`](https://www.telerik.com/kendo-vue-ui-develop/components/buttons/api/chiplistprops#dataitems), or set the initial collection through [`defaultDataItems`](https://www.telerik.com/kendo-vue-ui-develop/components/buttons/api/chiplistprops#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`](https://www.telerik.com/kendo-vue-ui-develop/components/buttons/api/chiplistprops#textfield) and [`valueField`](https://www.telerik.com/kendo-vue-ui-develop/components/buttons/api/chiplistprops#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`](https://www.telerik.com/kendo-vue-ui-develop/components/buttons/api/chiplistprops#value) and [`defaultValue`](https://www.telerik.com/kendo-vue-ui-develop/components/buttons/api/chiplistprops#defaultvalue), which hold the selection when [`selection`](https://www.telerik.com/kendo-vue-ui-develop/components/buttons/api/chiplistprops#selection) is `single` or `multiple`.

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

[Demo Source](https://demos.telerik.com/kendo-vue-ui/buttons/chiplist/data-binding/source.txt)

## Suggested Links

* [Controlled Mode](https://www.telerik.com/kendo-vue-ui-develop/components/buttons/chiplist/controlled)
* [API Reference of the ChipList](https://www.telerik.com/kendo-vue-ui-develop/components/buttons/api/chiplistprops)