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

Icon DropDownButton

You can enhance the textual content of the DropDownButton by adding image, predefined, or custom icons to it.

The DropDownButton provides options for using:

  • Built-in Kendo UI iconsUse the icon property and display them as a background for the DropDownButton. 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 DropDownButton.

Example
View Source
Edit In Stackblitz  
Change Theme:

The DropDownButton also allows you to change the button appearance by using the buttonClass option that supports the same type of values that are supported by ngClass.

The following example demonstrates the option in action.

Example
View Source
Edit In Stackblitz  
Change Theme:

In this article

Not finding the help you need?