New to KendoReact? Start a free 30-day trial

RadioGroupProps

Interface

Represents the props of the KendoReact RadioGroup component.

Definition

Package:@progress/kendo-react-inputs

Properties

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.

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).

id?

string

Specifies the value of the id attribute that will be added to the RadioGroup element.

item?

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.

onChange?

(event: RadioGroupChangeEvent) => void

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

Parameters:eventRadioGroupChangeEvent

onFocus?

(event: RadioGroupFocusEvent) => void

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

Parameters:eventRadioGroupFocusEvent

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?

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.