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 icons—Use 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 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 DropDownButton.
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.