New to Kendo UI for Angular? Start a free 30-day trial
SplitButton Styling
Updated on Nov 6, 2026
The SplitButton allows you to change the appearance of its main button and arrow button depending on the specific project requirements.
The SplitButton supports the following options for styling its appearance:
buttonClass—Applies CSS classes to the main button.arrowButtonClass—Applies CSS classes to the button that opens the popup.
The classes apply to the rendered buttons, not the <kendo-splitbutton> host, and do not replace their built-in classes. Both inputs support the same values as Angular's NgClass directive.
The following example applies custom CSS classes to the main button and the arrow button with string and object-map values.
Loading ...