Switch

Switch component for Vue Bulma.

Installation

$ npm install vue-bulma-switch --save

Examples

<template>
  <div>
    <p>
      <vb-switch type="success" size="large" :value="value" checked @change="updateValue"></vb-switch>
    </p>
    <p>
      {{ value }}
    </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

  methods: {
    updateValue (val) {
      this.value = val
    }
  }
}
</script>

Badges

fundon.me  ·  GitHub @fundon  ·  Twitter @_fundon