New to Kendo UI for VueStart a free 30-day trial

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

Definition

Package:@progress/kendo-vue-inputs

Properties

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.

Identifies the element(s) which will label the component.

The collection of radio buttons that will be rendered in the RadioGroup (see example).

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

Overrides the default component responsible for visualizing a single item.

The default element is li with a RadioButton as children.

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.

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

Parameters:eventRadioGroupChangeEvent

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

Parameters:eventRadioGroupFocusEvent

valid?

boolean

Overrides the validity state of the component. If valid is set, the required property will be ignored.

value?

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.