DropDownButton Overview

The Kendo UI for Vue DropDownButton displays a popup list with action items and provides options for enabling or disabling its content, displaying icons, and binding it to data.

The Kendo UI for Vue DropDownButton is distributed through the kendo-vue-buttons NPM package.

The DropDownButton Component is part of Kendo UI for Vue, a professional grade UI library with 90+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.

The following example demonstrates the DropDownButton in action.

Example
View Source
Edit In Stackblitz  
Change Theme:

Key Features

  • Disabled DropDownButtonYou can easily render a disabled DropDownButton and prevent end-users from interacting with it.
  • Icon DropDownButtonThe DropDownButton allows you to display images, predefined or custom icons.
  • Popup and items customizationYou can customize the rendering and behavior of the popup and its items.
  • Data bindingYou can bind the DropDownButton to various data types.
  • GlobalizationThe built-in globalization support allows you to create apps that are ready to be implemented worldwide.
  • Keyboard navigationThe DropDownButton supports various keyboard shortcuts.
  • AccessibilityThe DropDownButton is accessible for screen readers and supports WAI-ARIA attributes.

In this article

Not finding the help you need?