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 Feedback


A button group is a series of buttons aligned vertically or horizontally. It has several built-in features such as predefined styles, selection, nesting, and sizes.


You can align the button group component either in vertical or horizontal orientation.


One or more buttons can be selected based on the type of selection.

Radio type selection

Only one button can be selected from the group in the button group component.

Checkbox type selection

One or more buttons can be selected from the group in the button group component.


Nesting in button group can be performed with drop-down button and split button components.

React Dropdown button integration in Button group

React Split button integration in Button group

Predefined styles

Several predefined styles of button are available in button group:

  • Primary
  • Success
  • Info
  • Warning
  • Danger

You can use them based on your application scenario.


A button group can be customized as outline type, rounded corner, small size button group, and with icons. You can also disable a particular button or a whole button group.


  • 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.


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

Scroll up icon

Warning Icon 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.Close Icon