Kendo UI for Vue Native SplitButton Overview

The Kendo UI for Vue SplitButton allows the user to execute a default action that is bound to a Button or to choose a predefined action from a drop-down list.

The Kendo UI for Vue SplitButton is distributed through the kendo-vue-buttons NPM package. See the package overview for more details.

The Buttons Package is part of Kendo UI for Vue, a professional grade UI library with 100+ 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 SplitButton in action.

Example
View Source
Change Theme:

Key Features

  • Disabled SplitButton—You can easily render a disabled SplitButton and prevent end-users from interacting with it.
  • Icon SplitButton—The SplitButton 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 SplitButton to various data types.
  • Appearance
  • Globalization—The built-in globalization support allows you to create apps that are ready to be implemented worldwide.
  • Keyboard navigation—The SplitButton supports various keyboard shortcuts.
  • Accessibility—The SplitButton is accessible for screen readers and supports WAI-ARIA attributes.

To learn more about the appearance, anatomy, and accessibility of the SplitButton, visit the Progress Design System documentation—an information portal offering rich component usage guidelines, descriptions of the available style variables, and globalization support details.

Support and Learning Resources

Additional Resources