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

Represents the props of the Kendo UI for Vue RadioGroup component.

Definition

Package:@progress/kendo-vue-inputs

Properties

Sets the IDs of the elements that describe the RadioGroup, like the HTML aria-describedby attribute. For example, these elements can contain an error or a hint message.

Sets the IDs of the elements that label the RadioGroup.

Sets the collection of radio buttons that the RadioGroup renders (see example).

Sets the initially checked radio button when you use the RadioGroup in uncontrolled mode (see example). The RadioGroup passes the checked property to the underlying input element.

dir?

string

Sets the dir HTML attribute. Use it to switch from LTR to RTL.

disabled?

boolean

Disables all radio buttons (see example).

Overrides the default template that renders a single item.

By default, each item is an li element that contains a RadioButton.

Sets the position of the radio button labels. Accepts two options: before or after. Defaults to after.

layout?

string

Sets the layout of the RadioGroup. Accepts horizontal or vertical.

Default:

'vertical'

name?

string

Sets the name of the input DOM elements.

Fires when the user selects a different radio button. The event name is change.

Parameters:eventRadioGroupChangeEvent

Fires when a radio button in the RadioGroup gets the focus. The event name is focus.

Parameters:eventRadioGroupFocusEvent

valid?

boolean

Overrides the validity state of the RadioGroup. When you set valid, the RadioGroup ignores the required property.

value?

string | number

Sets the checked radio button when you use the RadioGroup in controlled mode (see example). The RadioGroup passes the checked property to the underlying input element.