background

Kendo UI for Angular

Angular Switch

  • Provide a great user experience with this toggle that allows users to choose between two values, such as on/off.
  • Part of the Kendo UI for Angular library along with 110+ professionally-designed components.
  • Includes support, documentation, demos, virtual classrooms, Visual Studio Code Extensions and more!
The Switch component used as a toggle control
  • Configurable Toggle Component

    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.

    Accessibility

All Kendo UI for Angular Components

Next Steps

Get Started with Kendo UI for Angular

Kendo UI for Angular - Kendoka