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 110+ 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
Change Theme:

Key Features

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

To learn more about the appearance, anatomy, and accessibility of the Switch, visit the Progress Design System documentation—an information portal offering rich component usage guidelines, descriptions of the available style variables, and globalization support details.

Support and Learning Resources

Additional Resources