Switch Overview

The Switch lets the user toggle between checked and unchecked states.

Basic Usage

The following example demonstrates the Switch in action.

@Component({
    selector: 'my-app',
    template: `
        <kendo-switch [(ngModel)]="checked"></kendo-switch>
    `
})

class AppComponent {
    public checked: boolean = true;
}

Functionality and Features

• Disabled Switch
• Read-only Switch
• Checked Switch
• Labels
• Debouncing updates of the input value
• Globalization
• Keyboard navigation
• Accessibility

Suggested Links

• API Reference of the Switch