RadioGroupProps

Represents the props of the KendoReact RadioGroup component.

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? Array<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<RadioButtonProps>

Overrides the default item. Specifying the item property of a specific view will override this property. The default component is: RadioButton

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.

onChange? (event: RadioGroupChangeEvent) => void

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

onFocus? (event: RadioGroupFocusEvent) => void

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

style? 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? string | number | null

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.