Kendo UI for Angular Switch Overview

The Kendo UI for Angular Switch enables the user to toggle between checked and unchecked states.

The Switch Component is part of Kendo UI for Angular, a professional grade UI library with 100+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.

The following example demonstrates the Switch in action.

Example
View Source
Edit In Stackblitz  
Change Theme:

Key Features

  • LabelsThe Switch provides options for setting and styling the titles of its labels.
  • Forms supportYou can use the Switch both in template-driven and reactive Angular forms.
  • Checked SwitchYou can use the configuration options of the Switch to set its initial value.
  • Disabled SwitchYou can use the configuration options of the Switch to disable the component so that users are not able to interact with it.
  • Read-only SwitchThe Switch provides an option for overriding its default active state.
  • Debouncing value changesAll Kendo UI for Angular Inputs enable you to implement a slight delay before they accept a new input value.
  • AppearanceAll Kendo UI for Angular Inputs enable you to set their dimensions.
  • GlobalizationAll Kendo UI for Angular Inputs provide globalization options.
  • AccessibilityThe Switch is accessible for screen readers and supports WAI-ARIA attributes.
  • Keyboard navigationThe Switch supports a number of keyboard shortcuts for processing various commands.

In this article

Not finding the help you need?