Getting Started with KendoReact RadioGroup

The KendoReact RadioGroup is a wrapper used to group two or more RadioButton components.

The KendoReact RadioGroup is distributed through NPM under the kendo-react-inputs package.

The RadioGroup component is part of KendoReact, a professionally built commercial UI library. To try out this component you need to sign up for a 30-day trial, which gives you access to the full KendoReact library.

Basic Usage

The following example demonstrates the RadioGroup component in action.

To disable the component, set its disabled property to true.

import * as React from 'react';
import * as ReactDOM from 'react-dom';

import { RadioGroup } from '@progress/kendo-react-inputs';

const data = [
    { label: 'Female', value: 'female' },
    { label: 'Male', value: 'male' },
    { label: 'Other', value: 'other' },
];

const App = () => {
    return <RadioGroup data={data} />
}
ReactDOM.render(
    <App />,
    document.querySelector('my-app')
);

Functionality and Features