New to Kendo UI for Vue? Start a free 30-day trial

RadioGroupProps

Represents the props of the Kendo UI for Vue 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.

dataItems?

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?

any

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?

string

Specifies the radio group layout 'horizontal' or 'vertical'. DEfault is 'horizontal'.

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.

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.