KendoReact Switch Overview

The KendoReact Switch lets the user toggle between checked and unchecked states.

The KendoReact Switch component is part of the KendoReact library of React UI components. It is distributed through NPM under the kendo-react-inputs package.


The following example demonstrates the Switch in action.

Example
View Source
Change Theme:

The Switch component is part of the KendoReact Inputs component library. The procedures for installing, importing, and using all components in the library are identical. To learn how to use the Switch and the rest of the components in the package, see the Getting Started with the KendoReact Inputs guide.

Key Features

  • Disabled SwitchYou can render a disabled Switch and keep it disabled until certain requirements are met.
  • Controlled modeTake advantage of the built-in options that allow you to control the value of the Switch.
  • Default stateThe Switch allows you to set its default value.
  • LabelsYou can set strings as labels for the Switch.
  • GlobalizationThe KendoReact Switch comes with globalization features that allow you to create applications that can be used all over the world.
  • Keyboard navigationThe Switch allows end-users to control the state of the component with the space and enter keys. support numerous keyboard shortcuts that allow users to interact with the component.
  • AccessibilityThe Switch component is accessible for screen readers and provides full WAI-ARIA support.

In this article

Not finding the help you need?