@dao-vue/button

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