A Simple Vue.js Toggle Switch

Use Vue.js to quickly and easily create toggle switch.


Code Overview

If you need a simple way to create toggle switches within Vue, give this a try, lets say you need it enabled, or active by default you could do something like this.

<vue-toggle :toggled.sync="toggled_1" label="Enabled"></vue-toggle>

Here is a basic example of the toggle switch in it's disabled state.

<vue-toggle :toggled.sync="toggled_2" label="Disabled"></vue-toggle>

If you don't need to use the label's in your project you don't need to use the label property.

<vue-toggle :toggled.sync="toggled_3"></vue-toggle>