Getting Started
    Native Components
    • Animation
    • Buttons
    • Charts
    • Data Query
    • Data Tools
    • Date Inputs
    • Date Math
    • Dialogs
    • Drawing
    • Dropdowns
    • Editor
    • Excel Export
    • File Saver
    • Form
    • Gauges
    • Gridupdated
    • Indicatorsupdated
    • Inputsupdated
    • Labels
    • Layoutupdated
    • Notificationnew
    • PDF Processing
    • Popup
    • Progress Bars
    • Schedulernew
    • ScrollViewnew
    • Tooltip
    • TreeViewnew
    • Upload
    Wrapper Components
    Styling & Themes
    Common Features
    Project Setup
    Changelog
New to Kendo UI for Vue? Start a free 30-day trial

RadioButtonProps

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

NameTypeDefaultDescription

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.

checked?

boolean

Specifies if the Radio button is checked.

className?

string

Specifies the class applied to the input element.

content?

any

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

disabled?

boolean

Specifies if the Radio button is disabled.

id?

string

Sets the id of the Radio button.

index?

number

Specifies the current index of the Radio button.

item?

any

Sets the item render template of the Radio button component. Accepts a slot name, a render function, or a Vue component.

label?

string

Sets the label of the Radio button (see example).

labelPlacement?

string

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

labelRender?

any

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

name?

string

Sets the name property of the Radio button.

size?

"null" | string

medium

Configures the size of the RadioButton.

The available options are:

  • small
  • medium
  • large
  • nullDoes not set a size class.

tabIndex?

number

Sets the tabIndex property of the Radio button. Defaults to 0.

tag?

string

Sets the tag property of the Radio button wrapping element.

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?

any

Sets the value to be submitted.

Methods

onBlur

The event handler that will be fired when RadioButton is blurred.

Parameters

event

RadioButtonBlurEvent

onChange

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

Parameters

event

RadioButtonChangeEvent

onFocus

The event handler that will be fired when RadioButton is focused.

Parameters

event

RadioButtonFocusEvent