KendoReact SplitButton Overview

The KendoReact 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 KendoReact SplitButton is distributed through the kendo-react-buttons NPM package. See the package overview for more details.

The SplitButton Component is part of KendoReact, a professional UI components library designed and built from the ground up for React to make developers more productive. 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 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?