# SplitButton Data Binding

The SplitButton enables you to bind its popup to an array of strings or an array of objects through the [`items`](https://www.telerik.com/kendo-vue-ui-develop/components/buttons/api/splitbuttonprops#items) prop.

## Arrays of Primitive Data

The following example demonstrates how to bind the SplitButton to an array of strings.

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

## Arrays of Complex Data

For object data, the SplitButton displays the `text` field of each item by default. To use another field, set [`textField`](https://www.telerik.com/kendo-vue-ui-develop/components/buttons/api/splitbuttonprops#textfield) to the name of the field. The configured `textField` takes precedence over `text`.

Data items can also set `disabled`, `icon`, `svgIcon`, `iconClass`, `imageUrl`, and `render`. For the complete list of item fields, see [`ButtonItemInterface`](https://www.telerik.com/kendo-vue-ui-develop/components/buttons/api/buttoniteminterface).

> To customize the popup item content, see [Item Templates](https://www.telerik.com/kendo-vue-ui-develop/components/buttons/splitbutton/customization#item-templates).

The following example demonstrates how to bind the SplitButton to an array of objects with custom `textField`.

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

## Suggested Links

* [API Reference of the SplitButton](https://www.telerik.com/kendo-vue-ui-develop/components/buttons/api/splitbuttonprops)
* [API Reference of the ButtonItemInterface](https://www.telerik.com/kendo-vue-ui-develop/components/buttons/api/buttoniteminterface)