The HTML5/JavaScript Toggle Switch Button control is a custom HTML5 input-type checkbox control that allows you to perform a toggle (on/off) action between checked and unchecked states. It supports different sizes, labels, label positions, and UI customization.
A single switch consists of a toggle state that can be checked and unchecked. To prevent the toggling of switch value, you can make use of disable option.
You can make use of different switch sizes, default and small, as required in your application.
The JavaScript Toggle Switch Button control appearance (bar and handle) has support for complete customization. A switch can contain text to represent the checked/unchecked states (ON-OFF). It is customized to make the look and feel like
Seamlessly supports HTML forms, template-driven forms (Angular), and reactive forms.
Toggle Switch Button available in Angular, React, Vue and Blazor built from Typescript libraries.
JavaScript Toggle Switch Button supports several built-in themes such as material, bootstrap, fabric (office 365) and high contrast. The users can customize any one of these built-in themes or create new themes to achieve their own desired look and feel either by simply overriding SASS variables or using our Theme Studio application with ease.
Greatness—it’s one thing to say you have it, but it means more when others recognize it. Syncfusion is proud to hold the following industry awards.
You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.
