New to Kendo UI for Vue? Start a free 30-day trial
Icon DropDownButton
You can enhance the textual content of the Kendo UI for Vue Native DropDownButton by adding image, predefined, or custom icons to it.
Considering web standards, using a background image is preferable because icons are intended for decoration, not for representing structural content.
The DropDownButton provides options for:
- Using the built-in Kendo UI for Vue icons. They are applied through the
icon
property and displayed as a background for the DropDownButton. To see the full list of the web font icons in Kendo UI for Vue, refer to the article on styles and layout. - Adding FontAwesome and other font icons. They are implemented by setting the required third-party CSS classes through the
iconClass
property. - Adding image icons. They are applied through the
imageUrl
property of the component.
The following example demonstrates how to use the different types of icons in a DropDownButton.
Change Theme
Theme
Loading ...