RadioButtonComponent

Represents the Kendo UI RadioButton component. Use this component to create a styled radio button in your Angular application.

html

<kendo-radiobutton
  [checked]="true"
  (checkedChange)="onCheckedChange($event)">
</kendo-radiobutton>

Selector

kendo-radiobutton

Export Name

Accessible in templates as #kendoRadioButtonInstance="kendoRadioButton"

Inputs

Name	Type	Default	Description
checked	boolean	false	Specifies the checked state of the RadioButton.
disabled	boolean	false	Sets the disabled state of the component.
inputAttributes	{[key: string]: string}		Sets the HTML attributes of the inner focusable input element. Attributes which are essential for certain component functionalities cannot be changed.
name	string		Sets the name attribute for the component.
size	InputSize	'medium'	The size property specifies the width and height of the component.
tabindex	number	0	Specifies the tabindex of the component.
title	string		Sets the title attribute of the input element of the component.
value	string		Provides a value for the component.

Fields

Name	Type	Default	Description
input	ElementRef<any>		Represents the visible input element.

Events

Name	Type	Description
checkedChange	EventEmitter<boolean>	Fires when the checked state changes. The event does not fire when you change the state through ngModel or formControl bindings. Use this event for two-way binding of the checked property.
blur	EventEmitter<any>	Fires each time the component gets blurred.
focus	EventEmitter<any>	Fires each time the user focuses the component.

Methods

blur
Blurs the component.

focus
Focuses the component.