• 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 / CheckBoxComponent / 
New to Kendo UI for Angular? Start a free 30-day trial

CheckBoxComponent

Selector

kendo-checkbox

Export Name

Accessible in templates as #kendoCheckBoxInstance="kendoCheckBox"

Inputs

NameTypeDefaultDescription

checkedState

CheckBoxState

false

Sets the checked state of the component.

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.

rounded

CheckBoxRounded

'medium'

The possible values are:

  • small
  • medium
  • large
  • none

The rounded property specifies the border radius of the CheckBox (see example).

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

checkedStateChange

EventEmitter<CheckBoxState>

Fires each time the inner input's 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 checkedState 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