The Angular Toggle Switch Button component is a custom HTML5 input-type checkbox component 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 Angular Toggle Switch Button component 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 Blazor, React, Vue built from Typescript libraries.
Angular 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.