Vue-clap-button NPM

A Medium like clap button. Inspired by react-clap-button

The recommended way is using npm

npm install vue-clap-button --save

Also you can insert script tag in your html file after vue script

<script src="dist/vue-clap-button.js"></script>

In your entry script

import Vue from 'vue'
import vueClapButton from 'vue-clap-button'
Vue.use(vueClapButton);

Then in your .vue file

<vue-clap-button />

It is done! Really simple to use ? Yes ❤

Want a complex example ? see following guide

parameter	description	type	enum value	default value
icon	specify a icon	String	good, star, love	good
size	change the size of icon, in pixel	Number	-	50
maxClick	How many times can I love/like it?	Number	-	1
bgColor	background color of icon	String	-	#FFF
colorActive	color for icon with claps	String	-	#F56C6C
colorNormal	normal or initial color for icon without claps	String	-	#909399
initClicked	for button which initial state is clicked	Number	-	0

event name	description	callback parameter
cancel	user cancel all claps on it	-
clap	user give one love on it	total claps given now (type : number)

method name	description	return value
getClaps	get total claps	type:Number

MIT

5 years ago

7 years ago

7 years ago

7 years ago

7 years ago