React SplitButton

  • KendoReact SplitButton can be customized to fit any requirements. You can render each item within the dropdown list as text, icon, or both.
  • Part of the KendoReact library along with 100+ professional UI components built with React for React, from the ground up.
  • Get started quickly with our award-winning support, detailed documentation, interactive demos and instructor-led training.
  • Overview

    The KendoReact SplitButton allows the user to execute a default action which is bound to a Button or to choose a predefined action from a drop-down list.

    See React SplitButton Overview demo

    React SplitButton - Overview, KendoReact UI Library
  • Disabled SplitButton

    For scenarios that require that the KendoReact SplitButton is visibly disabled and users cannot interact with it, the enabled property can be set to false which puts the React SplitButton in a disabled state.

    See React SplitButton Disabled demo

    React SplitButton - Disabled, KendoReact UI Library
  • Icon SplitButton

    Each item within the KendoReact SplitButton can be rendered as just text, text along with an icon, or just as an icon. These icons can be added from the list of KendoReact icons, as a custom image or imported from third-party font icon libraries like FontAwesome.

    See React SplitButton Icon demo

    React SplitButton - Icon, KendoReact UI Library
  • Data Binding

    The KendoReact SplitButton can be defined declaratively and can also be bound to an array of strings, or an array of objects.

    See React SplitButton Data Binding demo

  • Custom Rendering

    Thanks to built-in support for custom renderers, the KendoReact SplitButton can be customized to fit any requirements by overriding the default template for rendering items, or customizing the popup responsible for listing out all items.

    See React SplitButton Custom Rendering demo

    React SplitButton - Custom Rendering, KendoReact UI Library
  • Keyboard Navigation

    The React SplitButton features several keyboard shortcuts to help interact and select items through keyboard navigation.

    See React SplitButton Keyboard Navigation demo

  • Accessibility

    Accessibility is at the heart of KendoReact and as a part of this commitment the KendoReact SplitButton is WCAG 2.0 AAA rated and is compliant with Section 508 and WAI-ARIA standards.

    See React SplitButton Accessibility demo

    React Accessibility - KendoReact

All KendoReact Components

waves bg

Next Steps

Visit Our Demos

See KendoReact in action and check out how much it can do out-of-the-box.

See Pricing

Buy an individual license for KendoReact, or treat yourself to Kendo UI, our complete JavaScript bundle.

Start Free Trial

Try KendoReact with dedicated technical support.