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

RadioButtonProps

Interface

Represents the props of the Kendo UI for Vue RadioButton component. Extends the native input props.

Definition

Package:@progress/kendo-vue-inputs

Properties

ariaDescribedBy?

string

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

checked?

boolean

Sets whether the RadioButton is checked.

className?

string

Sets the CSS class of the input element.

content?

any

Sets the content template of the RadioButton. Accepts a slot name, a render function, or a Vue component.

disabled?

boolean

Sets whether the RadioButton is disabled.

id?

string

Sets the id of the RadioButton input element. The label of the RadioButton uses it as its target.

index?

number

Sets the index of the RadioButton.

item?

any

Sets the template that renders the whole RadioButton item. Accepts a slot name, a render function, or a Vue component.

label?

string

Sets the label of the RadioButton (see example).

labelPlacement?

string

Sets the position of the RadioButton label (see example). Accepts two options: before or after. Defaults to after.

labelRender?

any

Sets the template of the RadioButton label. Accepts a slot name, a render function, or a Vue component.

name?

string

Sets the name of the RadioButton input element.

onBlur?

(event: RadioButtonBlurEvent) => void

Fires when the RadioButton loses the focus. The event name is blur.

Parameters:eventRadioButtonBlurEvent

onChange?

(event: RadioButtonChangeEvent) => void

Fires when the user selects the RadioButton. The event name is change.

Parameters:eventRadioButtonChangeEvent

onFocus?

(event: RadioButtonFocusEvent) => void

Fires when the RadioButton gets the focus. The event name is focus.

Parameters:eventRadioButtonFocusEvent

role?

string

Sets the role HTML attribute of the input element.

size?

"small" | "medium" | "large"

Sets the size of the RadioButton.

The available options are:

small
medium
large

Default:

undefined

tabIndex?

number

Sets the tabIndex of the RadioButton. Defaults to 0.

tag?

string

Sets the HTML tag of the element that wraps the RadioButton.

Default:

'div'

valid?

boolean

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

value?

any

Sets the value that the form submits.