React RadioButtonGroup

  • Add two or more radio buttons in a list of options that automatically apply the design of your application’s theme.
  • Part of the KendoReact library along with 100+ professional UI components built with React for React, from the ground up.
  • Get started quickly with our award-winning support, detailed documentation, interactive demos and instructor-led training.
  • Overview

    The KendoReact RadioButtonGroup is a component that is used when two or more options need to be available from a RadioButton. This helps with managing the current values available for users, validation and integration with forms, and how to display the group of RadioButtons on the page.

    See React RadioButtonGroup Overview demo

    React RadioGroup - Overview, KendoReact UI Library
  • Controlled and Uncontrolled Modes

    By default, the KendoReact RadioButtonGroup maintains its own state (controlled mode). But by setting the state of the component, the KendoReact RadioButtonGroup becomes an uncontrolled React component.

    See React RadioButtonGroup Controlled and Uncontrolled Modes demo

  • Default State

    The React RadioButtonGroup enables developers to either render the component without an initial value or set an initial value through a default value property.

    See React RadioButtonGroup Default State demo

    React RadioGroup - Default State, KendoReact UI Library
  • Layout

    Toggling between horizontal and vertical layouts for the KendoReact RadioButtonGroup component can be done by interacting with a single property.

    See React RadioButtonGroup Layout demo

    React RadioGroup - Layout, KendoReact UI Library
  • Forms Support

    The KendoReact RadioButtonGroup component can easily be added to a HTML form element, third-party React form libraries or the KendoReact Form component.

    See React RadioButtonGroup Forms Support demo

    React RadioGroup - Forms Support, KendoReact UI Library
  • Keyboard Navigation

    Navigating through and selecting values in the React RadioButtonGroup can be done 100% via keyboard interactions.

    See React RadioButtonGroup Keyboard Navigation demo

  • Accessibility

    Thanks to compliance with Section 508 and WAI-ARIA standards, the KendoReact RadioButtonGroup is compliant with modern accessibility standards. It also has a AAA rating with WCAG 2.0.

    See React RadioButtonGroup Accessibility demo

    React Accessibility - KendoReact

All KendoReact Components

waves bg

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.