vue-button-icon

easy to use vue button with animations and icons

Demo: http://byParsa.me/Plugins/vue-button-icon

vue-button-icon

Install

npm install vue-button-icon --save

How to use

Globally :

Import plugin in your main.js file globally.

import vueButtonIcon from  'vue-button-icon';
Vue.use(vueButtonIcon)
/*

Example:

Vue.use(vueButtonIcon, { color: "white" })

...

<vue-button-icon color="white"></vue-button-icon>

*/

Locally :

Import plugin in your component directly.

import { ButtonComponent } from  'vue-button-icon'

export  default {

    components:{
	    ButtonComponent
	}
}

Props:

Name	Type	Default	Description
color	String	#ffffff	color define button text and button icon color
width	Number	200	width property allows you change the width optional
block	Boolean	false	block if true width = 100% of block => width property disable
icon	String	fa fa-instagram	icon property allows you to use the fontawesome icons with class name , you can use custom classes too