All Components

SwitchComponent

Represents the Kendo UI Switch component for Angular.

Selector

kendo-switch

Export Name

Accessible in templates as #kendoSwitchInstance="kendoSwitch"

Inputs

checked boolean

Sets the current value of the Switch when it is initially displayed.

disabled boolean

Determines whether the Switch is disabled (see example).

offLabel string

Changes the Off label so that it can be localized (see example).

onLabel string

Changes the On label so that it can be localized (see example).

readonly boolean

Determines whether the Switch is in its read-only state (see example).

tabindex number

Specifies the tabindex of the Switch.

Events

blur EventEmitter

Fires each time the input element gets blurred.

focus EventEmitter

Fires each time the user focuses the input element.

valueChange EventEmitter

Fires each time the user selects a new value.

Methods

blur

Blurs the Switch.

focus

Focuses the Switch.

@Component({
selector: 'my-app',
template: `
 <button (click)="switch.focus()">Focus</button>
 <kendo-switch #switch></kendo-switch>
`
})
class AppComponent { }
In this article