vue-button-icon

beautiful button includes fa icons
525 7
vue vuejs button vue-cli animate icon-button button-icon animation-button vue-animate-button
Install
npm install vue-button-icon
Latest Version:1.0.9
License:MIT
Last Updated:Apr 11, 2020
Links: GitHub  ·  npm
Maintainer: faarawn

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

Related Packages

vue-cli-plugin-moment

moment.js plugin for vue-cli

28,960 15
vue-cli moment.js
@stickearn/stickfront
2,514
vue-cli vuejs
g123

水务项目demo

1,879 1
button our-btn
@stickearncom/stickcomponent
1,329 0
vue-cli vuejs
@urbanhire.com/vuesable

Vuesable is urbanhire vue component.

877
vue-cli vuejs

Version History

Version Released License
1.0.9 MIT
1.0.8 MIT
1.0.7 MIT
1.0.6 MIT
1.0.5 MIT