Skip to content
A Vue component for checkbox's switch style
Branch: master
Clone or download
Latest commit e757df1 Jun 16, 2017
Type Name Latest commit message Commit time
Failed to load latest commit information.
src watch checked changes Jun 14, 2017
LICENSE Initial commit Mar 8, 2017 Update May 3, 2017
package.json Switch Mar 8, 2017
screenshot.png Add files via upload Mar 8, 2017

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



    <app-switch classes="is-warning" v-model="value" checked>Test</app-switch>

    import Switch from './components/Switch'

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

Twitter @rafaelpimpa

You can’t perform that action at this time.