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 DropDownButton—You can easily render a disabled DropDownButton and prevent end-users from interacting with it.
  • Icon DropDownButton—The DropDownButton allows you to display images, predefined or custom icons.
  • Popup and items customization—You can customize the rendering and behavior of the popup and its items.
  • Data binding—You can bind the DropDownButton to various data types.
  • Appearance - Configure the appearance of the DropDownButton.
  • Globalization—The built-in globalization support allows you to create apps that are ready to be implemented worldwide.
  • Keyboard navigation—The DropDownButton supports various keyboard shortcuts.
  • Accessibility—The DropDownButton is accessible for screen readers and supports WAI-ARIA attributes.

In this article

Not finding the help you need?