React ButtonGroup

Overview

The KendoReact ButtonGroup is a container for two or more React Button components which can be separately configured to display only textual content, or show predefined icons, images and custom icons. It also renders a combination of textual and image content.

See React ButtonGroup Overview demo

React ButtonGroup - Overview, KendoReact UI Library

ButtonGroup with Icons

Each button within the KendoReact ButtonGroup can be displayed with text and icons, or with just icons. These icons can come from the built-in icons from KendoReact, as custom images, or from any font icon library like FontAwesome.

React ButtonGroup - Icons, KendoReact UI Library

Disabled ButtonGroup

The React ButtonGroup can easily transition from enabled, its default state, to disabled, which provides a distinct visual and prevents interaction. All this with a single configuration option.

See React ButtonGroup Disabled demo

React ButtonGroup - Disabled, KendoReact UI Library

Accessibility

As a part of our commitment to accessibility, the KendoReact ButtonGroup is compliant with Section 508 and WAI-ARIA standards and has a WCAG 2.0 AAA rating.

See React ButtonGroup Accessibility demo

React ButtonGroup - Accessibility, KendoReact UI Library

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.