CheckBoxComponent

Represents the Kendo UI CheckBox component for Angular. Use this component to create a styled checkbox with support for indeterminate state.

html

<kendo-checkbox [(checkedState)]="value"></kendo-checkbox>

Selector

kendo-checkbox

Export Name

Accessible in templates as #kendoCheckBoxInstance="kendoCheckBox"

Inputs

Name	Type	Default	Description
checkedState	CheckBoxState	false	Sets the checked state of the component. Use true, false, or 'indeterminate' to control the state.
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'	Sets the rounded property to specify the border radius of the CheckBox (see example).
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
checkedStateChange	EventEmitter<CheckBoxState>	Fires when the inner input's checked state changes. This event does not fire when you change the state programmatically using ngModel or formControl. Use this event for two-way binding with the checkedState 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.