• Getting Started
  • Components
    • Barcodes
    • Buttons
    • Chartsupdated
    • Conversational UIupdated
    • Data Query
    • Date Inputsupdated
    • Date Math
    • Dialogs
    • Drawing
    • Dropdownsupdated
    • Editor
    • Excel Export
    • File Saver
    • Filter
    • Gantt
    • Gauges
    • Gridupdated
    • Icons
    • Indicators
    • Inputsupdated
    • Labels
    • Layoutupdated
    • ListBox
    • ListView
    • Map
    • Menus
    • Navigation
    • Notification
    • Pager
    • PDF Export
    • PDFViewer
    • PivotGridupdated
    • Popup
    • ProgressBars
    • Ripple
    • Schedulerupdated
    • ScrollView
    • Sortable
    • Spreadsheetupdated
    • ToolBar
    • Tooltips
    • TreeList
    • TreeView
    • Typography
    • Uploads
    • Utilities
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Sample Applications
  • FAQ
  • Troubleshooting
  • Updates
  • Changelogs
Components / Inputs / API / RadioButtonComponent / 
New to Kendo UI for Angular? Start a free 30-day trial

RadioButtonComponent

Selector

kendo-radiobutton

Export Name

Accessible in templates as #kendoRadioButtonInstance="kendoRadioButton"

Inputs

NameTypeDefaultDescription

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 possible values are:

  • small
  • medium
  • large
  • none

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

NameTypeDefaultDescription

input

ElementRef<any>

Represents the visible input element.

Events

NameTypeDescription

checkedChange

EventEmitter<boolean>

Fires each time the checked state is changed. When the state of the component is programmatically changed to ngModel or formControl through its API or form binding, the checkedStateChange event is not triggered because it might cause a mix-up with the built-in mechanisms of the ngModel or formControl bindings.

Used to provide a two-way binding for the checked property.

blur

EventEmitter<any>

Fires each time the component gets blurred.

To wire the event programmatically, use the onBlur property.

focus

EventEmitter<any>

Fires each time the user focuses the component.

To wire the event programmatically, use the onFocus property.

Methods

blur

Blurs the component.

focus

Focuses the component.

In this article

Not finding the help you need?

Contact Support