We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion has new privacy terms and cookie policies in effect May 24, 2018. Learn more

Overview

The split button triggers a default action when the primary button is clicked, and provides options for switching context when the drop-down button is clicked. It features built-in support for icons and their positioning, varied sizes, disabled items, separators, and RTL text.


Sizes

You can use different split button sizes (default and small) as required in your application.


Icons

Users tend to perceive visual information better than text. The split button has built-in options to position the icon to the left or above the text, or provide an icon-only button.


Pop-up

The pop-up is a toggleable container that holds a list of action items or custom content that will open or close when the button is clicked. You can customize all the items in the pop-up.

Split button popup


Separator

You can use a horizontal line separator to represent similar action items as a group within the list of available items.

Split button separator


Accessibility

  • Fully supports WAI-ARIA accessibility to work with screen readers and assistive devices.
  • Follows WAI-ARIA best practices for implementing keyboard interaction.
  • The UI element visuals such as foreground color, background color, line spacing, text, and images are designed based on WCAG 2.0.
  • Supports right-to-left (RTL) text direction for users working in right-to-left languages like Hebrew, Arabic, or Persian.

35+ ESSENTIAL JS 2 CONTROLS

Transform your applications today by downloading our free evaluation versionDownload Free Trial

You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.