SwitchComponent
Represents the Kendo UI Switch component for Angular.
Definition
Package:@progress/kendo-angular-inputs
Selector:kendo-switch
Export Name:Accessible in templates as #kendoSwitchInstance="kendoSwitch"
Syntax:
<kendo-switch [(ngModel)]="checked"></kendo-switch>`
Inputs
checked
boolean
Sets the value of the Switch when it first appears.
disabled
boolean
When true, disables the Switch.
See example.
To disable the component in reactive forms, see Forms Support.
false
offLabel
string
Set the Off label. This label takes precedence over the custom messages component. See example.
onLabel
string
Set the On label. This label takes precedence over the custom messages component. See example.
readonly
boolean
When true, sets the Switch to read-only.
See example.
false
Sets the border radius of the Switch. The default value is set by the Kendo theme.
Sets the border radius of the Switch track. The default value is set by the Kendo theme.
Events
Fires when the user blurs the Switch.
Fires when the user focuses the Switch.
valueChange
EventEmitter<any>
Fires when the value of the Switch changes.