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:
- Built-in Kendo UI icons—Use the
iconproperty and display them 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.
- FontAwesome and other font icons—Set the required third-party CSS classes through the
- Image icons—Use the
imageUrlproperty 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 by
arrowButtonClass—Changes the arrow appearance. Supports the type of values that are supported by
arrowButtonIcon—Specifies the name of the font icon that will be rendered for the button which opens the popup.
The following example demonstrates how to define the appearance of the SplitButton.