Icon SplitButton
You can enhance the textual content of the SplitButton by adding image, predefined, or custom icons to it.
With a view to the web standards, it is better to use a background image because icons are used for decoration and not for representing structural content.
The SplitButton provides options for:
- Using the built-in Kendo UI icons. They are applied through the
icon
property and displayed as a background for the SplitButton. To see the full list of the web font icons in Kendo UI, refer to the article on styles and layout. - Adding FontAwesome and other font icons. They are implemented by setting the required third-party CSS classes through the
iconClass
property. - Adding image icons. They are applied through the
imageUrl
property of the component.
The following example demonstrates how to use the different types of icons in a SplitButton.
The SplitButton allows you to change the button appearance. The available options are:
buttonClass
- Changes the button appearance. Supports the type of values that are supported byngClass
.arrowButtonClass
- Changes the arrow appearance. Supports the type of values that are supported byngClass
.arrowButtonIcon
- Specifies the name of the font icon that will be rendered for the button which opens the popup.
The following example demonstrates the options in action.