Kendo UI for Angular


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.

  • 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.

  • 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.

  • 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.

  • 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.

  • 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 Angular UI Getting Started Background

Get Started with Kendo UI for Angular

Kendo UI