react-scratch-easy

Installation

$ npm install react-scratch-easy

import { ScratchImage } from 'react-scratch-easy';

<ScratchImage
	showReset={true}
	showConfirmText={true}
	showResetText={true}
	finishPercent={35}
	// onComplete={}
	//outerImageSrc='image src'
/>;

Props

Required Props

No	Props	Description	Default
1	outerImageSrc	image url for scratching area
2	onComplete	requires a callback function	none
2	finishPercent	requires a number between 1 - 100	35

Optional Props

No	Props	Description	Default
1	resetText	can pass any text value	Reset
2	confirmText	can pass any text value	Confirm
3	outerImageWH	scratch image width and height	width=100%, height=300px
4	innerImageWH	inner image width and height	width=200px, height=200px
5	showResetText	Boolean	true
6	showConfirmText	Boolean	true
7	confirmBtn	can pass any button css	none
8	resetBtn	can pass any button css	none