New to Kendo UI for Angular? Start a free 30-day trial

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 iconsUse 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 iconsSet the required third-party CSS classes through the iconClass property.
  • Image iconsUse the imageUrl property of the component.

The following example demonstrates how to use the different types of icons in a SplitButton.

Example
View Source
Edit In Stackblitz  
Change Theme:

The SplitButton allows you to change the button appearance. The available options are:

The following example demonstrates how to define the appearance of the SplitButton.

Example
View Source
Edit In Stackblitz  
Change Theme:

In this article

Not finding the help you need?