• What is KendoReact
  • Components
    • Animation
    • Barcodes
    • Buttons
    • Charts
    • Common Utilitiesupdated
    • Conversational UI
    • Data Gridupdated
    • Data Query
    • Data Tools
    • Date Inputs
    • Date Math
    • Dialogs
    • Drawing
    • Dropdowns
    • Editor
    • Excel Export
    • File Saver
    • Form
    • Gantt
    • Gauges
    • Indicators
    • Inputsupdated
    • Labels
    • Layoutupdated
    • ListBox
    • ListView
    • Mapbeta
    • Notification
    • PDF Processing
    • PDFViewernew
    • PivotGrid
    • Popup
    • Progress Bars
    • Ripple
    • Scheduler
    • ScrollView
    • Sortable
    • TaskBoard
    • Tooltips
    • TreeList
    • TreeView
    • Upload
  • Sample Applications
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Changelog
  • Troubleshooting
Components / Inputs / API / RadioGroupProps / 

RadioGroupProps

Represents the props of the KendoReact RadioGroup component.

NameTypeDefaultDescription

ariaDescribedBy?

string

Identifies the element(s) which will describe the component, similar to HTML aria-describedby attribute. For example these elements could contain error or hint message.

ariaLabelledBy?

string

Identifies the element(s) which will label the component.

children?

React.ReactNode

Sets the RadioGroup children.

className?

string

Specifies a list of CSS classes that will be added to the RadioGroup element.

data?

RadioButtonProps[]

The collection of radio buttons that will be rendered in the RadioGroup (see example).

defaultValue?

any

Sets the default checked state of a radio button when used in uncontrolled mode (see example). The checked property is passed to the underlying input element.

dir?

string

Represents the dir HTML attribute. This is used to switch from LTR to RTL.

disabled?

boolean

Disable all radio buttons (see example).

item?

React.ComponentType<HTMLAttributes<HTMLLIElement>>

Overrides the default component responsible for visualizing a single item.

The default element is li with a RadioButton as children.

labelPlacement?

string

Sets the label position of the radio buttons. Accepts two options: before or after. Defaults to after.

layout?

"horizontal" | "vertical"

Specifies the radio group layout.

name?

string

Specifies the name property of the input DOM elements.

style?

React.CSSProperties

Sets additional CSS styles to the radio group.

valid?

boolean

Overrides the validity state of the component. If valid is set, the required property will be ignored.

This property is part of the FormComponentProps interface.

value?

"null" | string | number

Sets the default checked state of a radio button when used in controlled mode (see example). The checked property is passed to the underlying input element.

Methods

onChange

The event handler that will be fired when the changes the selected value.

Parameters

event

RadioGroupChangeEvent

onFocus

The event handler that will be fired when Radio button is focused.

Parameters

event

RadioGroupFocusEvent

In this article

Not finding the help you need?

Contact Support