vue-bulma-switch

Switch component for Vue Bulma.

Usage no npm install needed!

<script type="module">
  import vueBulmaSwitch from 'https://cdn.skypack.dev/vue-bulma-switch';
</script>

README

Switch

Switch component for Vue Bulma.

Installation

$ npm install vue-bulma-switch --save

Examples

<template>
  <div>
    <p>
      <vb-switch type="success" size="large" v-model="value" @change="change"/>
    </p>
    <p>
      {{ text }}
    </p>
  </div>
</template>

<script>
// do not use below code, because `Switch` is svg tag.
// import Switch from 'vue-bulma-switch'
import VbSwitch from 'vue-bulma-switch'

export default {
  components: {
    VbSwitch
  },

  data () {
    return {
      value: false,
      text: ''
    }
  },

  methods: {
    change (val) {
      this.text = val ? 'Right' : 'Wrong'
    }
  }
}
</script>

Badges

fundon.me · GitHub @fundon · Twitter @_fundon