0.1.4 • Published 4 years ago
react-scratch-easy v0.1.4
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 |