a simple a simple toggle component for Vue 2.x.x
design from here
Demo in codepen
- Install from npm
npm install v-toggle
If you are using plain html you can use the umd version from here
<script src="https://unpkg.com/v-toggle/dist/v-toggle.umd.min.js"></script>
- Include as a component in your app
import v-toggle from 'v-toggle';
export default {
name: 'my-component',
data() {
return {
toggleValue: true,
};
},
components: {
vToggle, // window.vToggle.default for umd version
},
};
- Include the component in your template, do not forget the id and v-model property!
<v-toggle id="v-t-default" v-model="toggleValue" />
- That's it! Now you have a simple toggle in your app! 😏
# install dependencies
npm install
# serve with hot reload at localhost:8080
npm run dev
# build for production with minification
npm run component