A quick-start project that shows how to add the Vue Toggle Switch Button to the Vue application. The Vue Toggle Switch Button component is a custom HTML5 input-type component 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 the switch value, you can make use of the disable option. You can make use of different switch sizes, default and small, as required in your application.
The appearance of the Vue Toggle Switch Button component (bar and handle) can be fully customized. A switch can contain text to represent checked/unchecked states (ON/OFF). The look and feel of the switch can be changed to
- Windows Switch
- iOS Switch
- Android Switch
Documentation: https://ej2.syncfusion.com/vue/documentation/listview/getting-started
Demo: https://ej2.syncfusion.com/vue/demos/#/fluent2/toolbar/default.html
Make sure that you have the compatible versions of Visual Studio Code, Vue, and NodeJS or a later version on your machine before starting to work on this project.
To run this application, you must first clone the
Breadcrumbsgetting-started-with-the-vue-toggle-switch-button-component repository and then open it in Visual Studio Code.
Install the dependencies and run the project using the below commands:
npm install
npm run dev