Icon Button

You can enhance the textual content of the Button 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 Button provides options for using:

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

Suggested Links

• API Reference of the Button
• Disabled Button
• Toggleable Button