@dao-vue/toggle

Welcome to my second package for VueJS: DaoToggle

This is the firs package I made for using with VueJS. In short, I was using this as global component in my VueJS applications. Now, I wanted to share this if anyone likes this. This is absolutely free(like other NPM packages) and easy to use. Just read more below.

Info

Keyword	Description
Package name	@dao-vue/toggle
Package size	3.2 kB
Unpacked size	10.1 kB
Total files	3 files
Live version	0.0.2

Installation

To add this package to your

yarn add @dao-vue/toggle --save   # using yarn
npm i --save @dao-vue/toggle      # using npm

Including in project

import DaoToggle from "@dao-vue/toggle";
import Vue from "vue";

Vue.use(DaoToggle);

Usage

HTML:

<dao-toggle v-model="checkbox">My Toggle</dao-toggle>

JS

data() {
  checkbox: false // or true
}

Notes:

Above --save while installation is to make sure if the toggle is installed and saved to node_modules folder. And don't forget to include the package as is above in the index.js or main.js file of your project.

Coming soon/in the next versions

• Upgrade to new style of component sharing
• New designed toggle
• Fix: square mode
• Add: rounded, flat, square, line shadow modes
• New: color, text-color, icon-bg, icon-color attributes
• Sizes: xs, sm, md, lg, xl
• Right &/ left side text mode
• Outlined mode
• Flat mode
• Long mode
• Style and size and class attributes
• Animations(if want to use)

Have fun with DaoToggle 😄.