All Projects → rafaelpimpa → vue-checkbox-switch

rafaelpimpa / vue-checkbox-switch

Licence: MIT license
A Vue component for checkbox's switch style

Programming Languages

Vue
7211 projects

Projects that are alternatives of or similar to vue-checkbox-switch

Vue Switches
An on/off switch component for Vue.js with theme support.
Stars: ✭ 188 (+422.22%)
Mutual labels:  bulma, vue-components
pagination
No description or website provided.
Stars: ✭ 14 (-61.11%)
Mutual labels:  bulma, vue-components
bulma-dracula
😈 Bulma css with Dracula dark color themes
Stars: ✭ 25 (-30.56%)
Mutual labels:  bulma
bulma-pro
A professional theme for Bulma! https://mubaidr.github.io/bulma-pro/
Stars: ✭ 14 (-61.11%)
Mutual labels:  bulma
nxquake
TyrQuake ported to Nintendo Switch
Stars: ✭ 17 (-52.78%)
Mutual labels:  switch
vue-datamaps
It is a Vue port of the javascript-based DataMaps
Stars: ✭ 14 (-61.11%)
Mutual labels:  vue-components
vuex-router
Move a Vue app's location state into the Vuex store. Allows super-easy page-based routing with built-in slide transitions.
Stars: ✭ 20 (-44.44%)
Mutual labels:  vue-components
NeewerLite
NeewerLite is an un-official Neewer LED light control app for macOS.
Stars: ✭ 54 (+50%)
Mutual labels:  switch
MD UISwitch
Uniformly encapsulate different types of switches as user input devices
Stars: ✭ 33 (-8.33%)
Mutual labels:  switch
pop-vue
Vue components designed to look like Pop!_OS
Stars: ✭ 22 (-38.89%)
Mutual labels:  vue-components
VueStudy
Vue Examples
Stars: ✭ 44 (+22.22%)
Mutual labels:  vue-components
bulma-material-form
Material Design Form Elements for Bulma (CSS Only)
Stars: ✭ 26 (-27.78%)
Mutual labels:  bulma
capsule
A Hugo theme based on the CSS-only Bulma framework.
Stars: ✭ 20 (-44.44%)
Mutual labels:  bulma
OpenScraper
An open source webapp for scraping: towards a public service for webscraping
Stars: ✭ 80 (+122.22%)
Mutual labels:  bulma
vue-willtable
An editable table component for Vue.js 2.0
Stars: ✭ 119 (+230.56%)
Mutual labels:  vue-components
Vuc
🎨 基于 Vuejs2 的 Canvas 组件库【服务器挂了。不在提供demo,github自带的静态网站不能发布,因为demo代码找不到了😂。】
Stars: ✭ 52 (+44.44%)
Mutual labels:  vue-components
vue3-tree
A tree library for Vue 3
Stars: ✭ 41 (+13.89%)
Mutual labels:  vue-components
yii-bulma
Yii Framework Bulma Integration
Stars: ✭ 23 (-36.11%)
Mutual labels:  bulma
datatables-bulma
DataTables styling for the Bulma CSS framework
Stars: ✭ 80 (+122.22%)
Mutual labels:  bulma
bulma-block-list
A simple scss package extending Bulma with block style list elements
Stars: ✭ 34 (-5.56%)
Mutual labels:  bulma

Vue Checkbox Switch

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

Installation

You don't need any dependencies except Vuejs 2

Copy src/Switch.vue to your components folder

Example

Screenshot

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

<script>
    import Switch from './components/Switch'

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

Twitter @rafaelpimpa

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].