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.

Example
View Source
Edit In Stackblitz  
Change Theme:

Key Features

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

In this article

Not finding the help you need?