• What is KendoReact
  • Getting Started
  • Server Components
  • Components
    • Animation
    • Barcodes
    • Buttons
    • Chartsupdated
    • Common Utilities
    • Conversational UIupdated
    • Data Gridupdated
    • Data Query
    • Data Tools
    • Date Inputs
    • Date Math
    • Dialogs
    • Drawing
    • Dropdownsupdated
    • Editor
    • Excel Export
    • File Saver
    • Formupdated
    • Ganttupdated
    • Gauges
    • Indicators
    • Inputsupdated
    • Labels
    • Layoutupdated
    • ListBox
    • ListView
    • Map
    • Notification
    • OrgChartnew
    • PDF Processing
    • PDFViewer
    • PivotGrid
    • Popup
    • Progress Bars
    • Ripple
    • Scheduler
    • ScrollView
    • Sortable
    • Spreadsheetupdated
    • TaskBoard
    • Tooltips
    • TreeList
    • TreeViewupdated
    • Upload
  • Sample Applications
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Changelog
  • Updates
  • Troubleshooting

KendoReact RadioGroup Overview

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

The KendoReact RadioGroup 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 RadioGroup component in action.

Example
View Source
Change Theme:

The RadioGroup 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 RadioGroup and the rest of the components in the package, see the Getting Started with the KendoReact Inputs guide.

Key Features

  • Controlled Mode—Take advantage of the built-in options that allow you to control the state of the RadioGroup.
  • Default State—The RadioGroup allows you to set its default value.
  • Layout—You can customize the radio buttons and arrange them in the built-in horizontal and vertical layouts.
  • Forms Support—You can easily integrate the RadioGroup with an HTML5 form, a KendoReact Form, or a third-party React form library.
  • Globalization—The KendoReact RadioGroup comes with globalization features that allow you to create applications that can be used all over the world.
  • Keyboard Navigation—The RadioGroup support numerous keyboard shortcuts that allow users to interact with the component.
  • Accessibility—The RadioGroup is accessible for screen readers and provides full WAI-ARIA support.

In this article

Not finding the help you need?