KendoReact RadioButton Overview

The KendoReact RadioButton lets the user to choose only one from multiple options.

The RadioButton is designed to replace the <input type="radio"> HTML5 tag and provides the KendoReact specific styling.


The RadioButton is typically used within a RadioGroup with the same name attribute. All regular input type="radio" HTML attributes are applicable.

The KendoReact RadioButton component is part of the KendoReact library of React UI components. It is distributed through NPM under the kendo-react-inputs package.

The following example demonstrates the RadioButton component in action.

Example
View Source
Change Theme:

The RadioButton is part of the KendoReact Inputs component library. The procedures for installing, importing, and using all components in the library are identical. To learn how to use the RadioButton and the rest of the components in the package, see the Getting Started with the KendoReact Inputs guide.

Key Features

  • Disabled RadioButtonYou can render a disabled RadioButton and keep it disabled until certain requirements are met.
  • LabelsYou can add labels and set their position. The RadioButton supports custom labels as well.
  • GlobalizationThe KendoReact RadioButton comes with globalization features that allow you to create applications that can be used all over the world.

In this article

Not finding the help you need?