@dao-vue/button v0.0.2

Welcome to my first package for VueJS: DaoButton

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/button --save   # using yarn
npm i --save @dao-vue/button      # using npm

Including in project

import DaoBtn from "@dao-vue/button";
import Vue from "vue";

Vue.use(DaoBtn);

Usage

<dao-btn :rounded="true" color="red" size="large">My Button</dao-btn>

Notes:

Above --save while installation is to make sure if the button 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 button
• Fix: round mode
• Add: rounded, flat, square, line shadow modes
• New: color, text-color, icon-bg, icon-color attributes
• Sizes: xs, sm, md, lg, xl
• Right side icon mode
• Outlined mode
• Block mode
• Style and size and class attributes
• Animations(if want to use)

Have fun with DaoBtn 😄.