Kendo UI for Vue 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 SplitButton 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 SplitButton in action.

View Source
Edit In Stackblitz  
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.

In this article

Not finding the help you need?