Vue Checkbox Switch

Vue Checkbox Switch

A simple Vue component for checkbox's switch style based on vue-bulma/switch and this PR on Bulma.



You don't need any dependencies except Vuejs 2

Copy src/Switch.vue to your components folder

  <div id="app">
    <app-switch classes="is-warning" v-model="value" checked>Switch</app-switch>
    <app-switch v-model="value" disabled>Another one</app-switch>

<script type="text/babel">
import Switch from './components/Switch'

export default {
  name: 'view',
  components: {
    'app-switch': Switch
  data () {
    return {
      value: false,
      text: 'Enabled!'
  watch: {
    value (val) {
      this.text = val ? 'Yes' : 'No'

Find on Vue Checkbox Switch GitHub.