Kendo UI for Angular Switch Overview
The Kendo UI for Angular Switch enables the user to toggle between checked and unchecked states.
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
- Switch Homepage
- Getting Started with the Kendo UI for Angular Inputs
- API Reference of the Switch
- Getting Started with Kendo UI for Angular (Online Guide)
- Getting Started with Kendo UI for Angular (Video Tutorial)
- Virtual Classroom (Training Courses for Registered Users)
- Switch Forum
- Before You Start: All Things Angular (Telerik Blog Post)
- Knowledge Base
