• 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
    • ListBoxupdated
    • 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
Components / Inputs / API / RadioButtonProps / 

RadioButtonProps

Represents the props of the KendoReact RadioButton component. Extends the native input props.

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.

checked?

boolean

Specifies if the Radio button is checked.

children?

any

className?

string

Specifies a list of CSS classes that will be added to the Radio button.

disabled?

boolean

Specifies if the Radio button is disabled.

id?

string

Sets the id of the Radio button.

index?

number

Specifies the current index of the Radio button.

label?

string

Sets the label of the Radio button (see example).

labelPlacement?

string

Sets the label position of the Radio button (see example). Accepts two options: before or after. Defaults to after.

name?

string

Sets the name property of the Radio button.

onBlur?

(event: RadioButtonBlurEvent) => void

The event handler that will be fired when RadioButton is blurred.

onChange?

(event: RadioButtonChangeEvent) => void

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

onFocus?

(event: RadioButtonFocusEvent) => void

The event handler that will be fired when RadioButton is focused.

size?

"null" | "small" | "large" | "medium"

medium

Configures the size of the RadioButton.

The available options are:

  • small
  • medium
  • large
  • null—Does not set a size className.

style?

React.CSSProperties

Sets additional CSS styles to the Radio button.

tabIndex?

number

Sets the tabIndex property of the Radio button. Defaults to 0.

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?

any

Sets the value to be submitted.

In this article

Not finding the help you need?

Contact Support