New to Kendo UI for Vue? Start a free 30-day trial
SplitButton Content Setup
Updated on Nov 11, 2026
The SplitButton allows you to set the label of its main button through the text property. You can also add an icon or a custom Vue element after the label through the default slot.
The following demo shows custom elements beside the label and items for the popup actions:
Loading ...
Main Button Label
Set the text property to provide the main SplitButton plain-text label:
vue
<SplitButton text="Save as" :items="items" />To place an SVG icon, image or custom Vue element next to the label, see Icon Options. Custom elements must use phrasing content and must not contain interactive content.
Popup Items
The content set through the text property renders in the main button, not in the popup. Define the popup actions by binding the items property to data. For more details, see Data Binding.