The Vue DropDownButton is a modern UI element that renders a popup list of action items. This versatile component supports icons, images, data binding, and customization.
It is very easy to render a non-active DropDownButton. It is just a matter of setting a property.
Each item in the Vue DropDownButton can be rendered as just text, text along with an icon, or just as an icon. These icons can be added from the list of Kendo UI for Vue icons, as a custom image or imported from third-party font icon libraries like FontAwesome
Much like the rest of the components in Kendo UI for Vue, you have many choices for data binding. Declare your items manually, bind to an array of objects, or bind to an array of strings.
Enjoy complete control by customizing the appearance and behavior of the popup that appears when a user clicks the dropdown button.
Built-in support for keyboard only navigation gives your users and alternative to the mouse as the primary means of interaction.
The Vue DropDownButton helps you create apps for everybody. Full accessibility, AAA and WCAG 2.0 rating, and Section 508 and WAI-ARIA standards are baked in.
Read the Vue DropDownButton Accessibility documentation