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

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

Definition

Package:@progress/kendo-angular-inputs

Selector:kendo-radiobutton

Export Name:Accessible in templates as #kendoRadioButtonInstance="kendoRadioButton"

Syntax:

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

Inputs

checked

boolean

Specifies the checked state of the RadioButton.

Default:

false

disabled

boolean

Sets the disabled state of the component.

Default:

false

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.

The size property specifies the width and height of the component. The default value is set by the Kendo theme.

tabindex

number

Specifies the tabindex of the component.

Default:

0

title

string

Sets the title attribute of the input element of the component.

value

string

Provides a value for the component.

Fields

Represents the visible input element.

Events

Fires each time the component gets blurred.

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.

Fires each time the user focuses the component.

Methods

Blurs the component.

Focuses the component.