New to Kendo UI for Angular? Start a free 30-day trial
SplitButton Content Setup
Updated on Nov 6, 2026
The SplitButton allows you to set the label of its main button either through the text property or by adding content between the opening and the closing tags of the component. If you use both, the content renders after the text value.
The following demo shows both options.
Loading ...
Main Button Label
Set the text property to provide the main SplitButton plain-text label:
html
<kendo-splitbutton [data]="data" text="Save as"></kendo-splitbutton>To combine text with custom markup, such as an underlined access key, add the markup between the component tags. For information on adding an icon or an image next to the label, see Icon Options.
Popup Items
The content between the component tags renders in the main button, not in the popup. Use the data property to define the popup items. For more details, see Data Binding.