CheckBoxComponent
Represents the Kendo UI CheckBox component for Angular. Use this component to create a styled checkbox with support for indeterminate state.
Definition
Package:@progress/kendo-angular-inputs
Selector:kendo-checkbox
Export Name:Accessible in templates as #kendoCheckBoxInstance="kendoCheckBox"
Syntax:
<kendo-checkbox [(checkedState)]="value"></kendo-checkbox>Inputs
Sets the checked state of the component.
Use true, false, or 'indeterminate' to control the state.
false
disabled
boolean
Sets the disabled state of the component.
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.
Sets the rounded property to specify the border radius of the CheckBox
(see example). The default value is set by the Kendo theme.
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.
0
title
string
Sets the title attribute of the input element of the component.
value
string
Provides a value for the component.
Fields
input
ElementRef<any>
Represents the visible input element.
Events
blur
EventEmitter<any>
Fires each time the component gets blurred.
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.
focus
EventEmitter<any>
Fires each time the user focuses the component.