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

SplitButton Data Binding

Updated on Nov 6, 2026

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 input.

Arrays of Primitive Data

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

Example
View Source
Loading ...

Arrays of Complex Data

For object data, the SplitButton displays the text field of each item by default. To use another field, set 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.

To customize the popup item content, see Item Templates.

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

Example
View Source
Loading ...