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 following example demonstrates the SplitButton in action.

View Source
Change Theme:

The SplitButton is part of the KendoReact Buttons component library. The procedures for installing, importing, and using all components in the library are identical. To learn how to use the SplitButton and the rest of the components in the package, see the Getting Started with the KendoReact Buttons guide.

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?