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— they are applied through the
iconproperty and displayed 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—they are implemented by setting the required third-party CSS classes through the
Image icons—they are applied through the
imageUrlproperty of the component.
The following example demonstrates how to use the different types of icons in a DropDownButton.
The following example demonstrates the option in action.