background

KendoReact

React ButtonGroup

  • A handy container for two or more React Button components, which can be separately configured.
  • Part of the KendoReact library along with 100+ professionally-designed components.
  • Includes support, documentation, demos, virtual classrooms, learning resources and more!
  • 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

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

  • 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

  • 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

All KendoReact Components

Next Steps