Kendo UI for Angular

Switch

  • Provide a great user experience with this toggle that allows users to choose between two values, such as on/off or enabled/disabled.
  • Part of the Kendo UI for Angular library along with more than 100 professionally-designed components developers trust for all their Angular UI needs.
  • Get up and running quickly with award winning support, detailed documentation, demos, virtual classrooms and a 3-million-strong developer community.

Angular UI Component Library
Nasa, Visa, Microsoft Fox, Samsung, IBM World Bank Group, Volvo
  • Overview

    The Kendo UI for Angular Switch provides an intuitive UI component to toggle between two different values, like checked or unchecked.

    See Angular Switch Overview demo.

    Kendo UI for Angular Switch - Overview
  • Disabled Switch

    When the Kendo UI for Angular Switch component is disabled, it will prevent users from interacting with it. A grayed out visual style clearly indicates that the Angular Switch is inactive and users are unable to slide it.

    See Angular Switch Disabled Switch demo.

    Kendo UI for Angular Switch - Disabled
  • Read-Only Switch

    The Kendo UI for Angular Switch can be set to a read-only mode, which displays the component like normal but prevents user interactions.

    See Angular Switch Read-Only Switch demo.

    Kendo UI for Angular Switch - Read-Only Switch
  • Labels

    With the provided settings, you can the labels inside the Kendo UI for Angular Switch and customize the content displayed in the standard on and off states.

    See Angular Switch Labels demo.

    Kendo UI for Angular Switch - Labels
  • Forms Support

    The Kendo UI for Angular Switch component can be added to both Reactive and template-driven forms.

    See Angular Switch Forms Support demo.

    Kendo UI for Angular Switch - Forms Support
  • Keyboard Navigation

    With built-in keyboard shortcuts to help toggle between the two states of the Kendo U for Angular Switch, users can quickly update the mode of the component using just their keyboard.

    See Angular Switch Keyboard Navigation demo.

  • Accessibility

    The Kendo UI for Angular Switch supports both WAI-ARIA and Section 508 accessibility standards, and follows WCAG 2.0 with an AA rating.

    See Angular Switch Accessibility demo.

    Kendo UI for Angular - Calendar Accessibility
Kendo Angular UI Getting Started Background

Get Started with Kendo UI for Angular

Kendo UI