JavaScript Split Button Control | HTML5 Split Button

JavaScript Split Button Control | HTML5 Split Button | Syncfusion

Trusted by the world’s leading companies

Overview

The JavaScript Split Button triggers a default action when the primary button is clicked and provides a list of actions when the drop-down button is clicked. It has built-in support for icons and their positioning, varied sizes, disabling items, separators, RTL, and UI customization.

You can make use of different split button sizes, default and small.

Users tend to perceive visual information better than text. The JavaScript Split Button has built-in options to include an icon to the left or above the text or provide an icon-only button.

Split Button pop-up with icons documentation

Web accessibility

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

Right-to-left Split Button documentation

Developer Friendly APIs

In Split Button, you have control over all the UI elements and its behaviors. This provides the best user experience to users through a rich set of developer-friendly APIs.