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:

• Built-in Kendo UI icons—Use the icon property 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 iconClass property.
• Image icons—Use 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 by ngClass.
• arrowButtonClass—Changes the arrow appearance. Supports the type of values that are supported by ngClass.
• 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.

Suggested Links

• API Reference of the SplitButton