React RadioButton

  • Add a radio button to your React app that automatically applies 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.


The KendoReact RadioButton allows developers to style React RadioButtons to fit the existing KendoReact theme and have a uniform look and feel throughout their entire application. This allows even notoriously difficult UI elements to be styled to fit into the rest of the design of any React application.

See React RadioButton Overview demo

React RadioButton - Overview, KendoReact UI Library

Disabling RadioButton

By default, the KendoReact RadioButton can be interacted with when it has been added to a page. When requirements call for the React RadioButton to be disabled to prevent users from interacting with the component, this can be done by setting a single property.

See React RadioButton Disabling demo

React RadioButton - Disabling RadioButton, KendoReact UI Library


Each KendoReact RadioButton comes with a built-in label property that displays a label either before or after the circular element representing the RadioButton element. Additionally, the KendoReact RadioButton can work with custom labels and default HTML label elements.

See React RadioButton Labels demo

React RadioButton - Labels, KendoReact UI Library


The KendoReact RadioButton is compliant with Section 508 and WAI-ARIA standards and is rated AAA for WCAG 2.0.

React RadioButton - 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.