Material Design Checkbox Component For Vue
A lightweight Vue.js component designed to create Material Design inspired animated checkboxes on the app.
⭐️Vue material checkbox⭐️
Material design checkbox component for Vue
Demo ✅
Here is demo with all features
Use ❓
With npm
- Install plugin
npm install vue-material-checkbox --save
- Import to the app and add to the Vue
import Checkbox from 'vue-material-checkbox'
Vue.use(Checkbox)
Alternatively if component used with server-side-rendering
Then import as follows below:
import Checkbox from '../node_modules/vue-material-checkbox/src/main'
// assuming that you're one level higher than root folder where node modules is.
Vue.use(Checkbox)
In this case you will have to install stylus and stylus-loader to parse styles of component.
- Use it as component:
<checkbox id="mycheck1" v-model="someVar">My Checkbox</checkbox>
Component
Github Repository
Tags: #VueJs