@dao-vue/toggle v0.0.2

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

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 😄.