Popularized by iOS, Android, and other mobile operating systems, the React Switch lets users toggle between two values: often checked and unchecked states.
The KendoReact Switch can be interacted with immediately when it is added to the page. However, certain scenarios may require the KendoReact Switch to be disabled until certain requirements are met. This is why the React Switch can be toggled between enabled and disabled states with a single configuration option.
The KendoReact Switch has built-in configuration options to set the label to represent either the on or off states of the component.
With built-in support for validation, setting validation requirements and setting validation messages, the KendoReact Switch can easily integrate in to any HTML form, third-party form library or the KendoReact Form component.
The KendoReact Switch supports both controlled mode, where it is in charge of maintaining its own state, or uncontrolled mode, where the developer is in charge of setting the React Switch and its state.
Toggling between the on and off states of the KendoReact Switch can easily be done using keyboard navigation, rather than clicking the component with a mouse pointer.
The KendoReact Switch supports both WAI-ARIA and Section 508 accessibility standards, and follows WCAG 2.0 with a AA rating.