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

| Keyword | Description | | ------------- | :---------- | | Package name | @dao-vue/button | | Package size | 3.2 kB | | Unpacked size | 10.1 kB | | Total files | 3 files | | Live version | 0.0.1 |

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