Kendo UI for Vue Native Switch Overview

The Kendo UI for Vue Native Switch lets the user toggle between checked and unchecked states.

The Kendo UI for Vue Switch component is part of the Kendo UI for Vue library of Vue components. It is distributed through NPM under the kendo-vue-inputs package.

The Switch is part of Kendo UI for Vue, 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.Start Free Trial

The following example demonstrates the Switch in action.

Change Theme

Theme

Loading ...

Key Features

Disabled Switch—Render a disabled Switch and keep it disabled until your requirements are fulfilled.
Controlled mode—Take advantage of the built-in options that allow you to control the value of the Switch.
Default state—The Switch allows you to set its default value.
Labels—You can set strings as labels for the Switch.
Globalization—The Kendo UI for Vue Switch comes with globalization features that allow you to create applications that can be used all over the world.
Keyboard navigation—The Switch allows end-users to control the state of the component with the space and enter keys.

support many keyboard shortcuts that allow users to interact with the component.

Appearance - Configure the appearance of the Switch.
Accessibility—The Switch component is accessible for screen readers and provides full WAI-ARIA support.

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

Kendo UI for Vue Native Switch Overview

Key Features

Support and Learning Resources

Additional Resources