# 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](https://www.npmjs.com/package/@progress/kendo-vue-buttons). See the [package overview](https://www.telerik.com/kendo-vue-ui-develop/components/buttons) for more details.

<CtaPanelOverview></CtaPanelOverview>

The following example demonstrates the SplitButton in action.

[Demo Source](https://demos.telerik.com/kendo-vue-ui/buttons/splitbutton/overview/source.txt)

## Key Features

* [Disabled SplitButton](https://www.telerik.com/kendo-vue-ui-develop/components/buttons/splitbutton/disabled)—You can easily render a disabled SplitButton and prevent end-users from interacting with it.
* [Content Setup](https://www.telerik.com/kendo-vue-ui-develop/components/buttons/splitbutton/content)—Set the main button label and add custom content.
* [Icon SplitButton](https://www.telerik.com/kendo-vue-ui-develop/components/buttons/splitbutton/icons)—The SplitButton allows you to display images, predefined or custom icons.
* [Popup and items customization](https://www.telerik.com/kendo-vue-ui-develop/components/buttons/splitbutton/customization)—You can customize the rendering and behavior of the popup and its items.
* [Data binding](https://www.telerik.com/kendo-vue-ui-develop/components/buttons/splitbutton/data-binding)—You can bind the SplitButton to various data types.
* [Globalization](https://www.telerik.com/kendo-vue-ui-develop/components/buttons/globalization)—The built-in globalization support allows you to create apps that are ready to be implemented worldwide.
* [Keyboard navigation](https://www.telerik.com/kendo-vue-ui-develop/components/buttons/splitbutton/keyboard-navigation)—The SplitButton supports various keyboard shortcuts.
* [Accessibility](https://www.telerik.com/kendo-vue-ui-develop/components/buttons/splitbutton/accessibility/wai-aria-support)—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](https://www.telerik.com/design-system/docs/components/splitbutton/)—an information portal offering rich component usage guidelines, descriptions of the available style variables, and globalization support details.

## Support and Learning Resources

* [SplitButton Homepage](https://www.telerik.com/kendo-vue-ui/splitbutton)
* [API Reference of the SplitButton Component](https://www.telerik.com/kendo-vue-ui-develop/components/buttons/api/splitbuttonprops)
* [Getting Started with Kendo UI for Vue - JavaScript (Online Guide)](https://www.telerik.com/kendo-vue-ui-develop/components/getting-started/javascript-composition-api)
* [Getting Started with Kendo UI for Vue - TypeScript (Online Guide)](https://www.telerik.com/kendo-vue-ui-develop/components/getting-started/typescript-composition-api)
* [Getting Started with Kendo UI for Vue - JavaScript + Options API (Online Guide)](https://www.telerik.com/kendo-vue-ui-develop/components/getting-started/javascript-options-api)
* [Getting Started with Kendo UI for Vue - TypeScript + Options API (Online Guide)](https://www.telerik.com/kendo-vue-ui-develop/components/getting-started/typescript-options-api)
* [Getting Started with Kendo UI for Vue - Nuxt 3 (Online Guide)](https://www.telerik.com/kendo-vue-ui-develop/components/getting-started/get-started-nuxt-3)
* [Virtual Classroom (Training Course for Registered Users)](https://learn.telerik.com/learn/course/internal/view/elearning/45/kendo-ui-for-vue-with-typescript)
* [SplitButton Forum](https://www.telerik.com/forums/kendo-ui-vue?searchText=splitbutton)
* [Knowledge Base](https://www.telerik.com/kendo-vue-ui/components/knowledge-base/)
* [Kendo UI Productivity Tools extension for VS Code](https://www.telerik.com/kendo-vue-ui-develop/components/vscode-extension)

## Additional Resources

* [Vue Blogs](https://www.telerik.com/blogs/tag/kendo-ui-for-vue)
* [Kendo UI for Vue Roadmap](https://www.telerik.com/support/whats-new/kendo-vue-ui/roadmap)