New to Kendo UI for Vue? Start a free 30-day trial
SplitButton Styling
Updated on Nov 11, 2026
The SplitButton allows you to change the appearance of its group, main button, and arrow button depending on the specific project requirements.
The SplitButton supports the following options for styling its appearance:
className—Applies a CSS class to the SplitButton group.buttonClass—Applies a CSS class to the main button.
The classes are added to the rendered elements and do not replace their built-in classes. The arrow button has no dedicated class prop. To style it, target its .k-split-button-arrow class with a selector scoped to className.
The following example styles the main button of one SplitButton with buttonClass, and the group and arrow button of another SplitButton with className.
Loading ...