# SplitButton Data Binding

The SplitButton enables you to bind its popup to an array of primitive values (strings and numbers) or to an array of objects through the [`data`](https://www.telerik.com/kendo-angular-ui/components/buttons/api/splitbuttoncomponent#data) input.

## Arrays of Primitive Data

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

[Demo Source](https://demos.telerik.com/kendo-angular-ui/demos/buttons/splitbutton/data_binding/primitive/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-angular-ui/components/buttons/api/splitbuttoncomponent#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 `click`. The `click` field runs a function when the user selects that item. For the complete list of item fields, see [`ListItemModel`](https://www.telerik.com/kendo-angular-ui/components/buttons/api/listitemmodel).

> To customize the popup item content, see [Item Templates](https://www.telerik.com/kendo-angular-ui/components/buttons/splitbutton/items-and-templates#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-angular-ui/demos/buttons/splitbutton/data_binding/complex/source.txt)

## Suggested Links

* [API Reference of the SplitButton](https://www.telerik.com/kendo-angular-ui/components/buttons/api/splitbuttoncomponent)
* [API Reference of ListItemModel](https://www.telerik.com/kendo-angular-ui/components/buttons/api/listitemmodel)
* [Popup Items and Item Templates](https://www.telerik.com/kendo-angular-ui/components/buttons/splitbutton/items-and-templates)