1.0.4 • Published 2 years ago
lesca-react-scratch-card v1.0.4
Why use it?
a scratch card component use react v18+.
Live Demo
Installation
npm install lesca-react-scratch-card --saveUsage
As a Node module:
import ScratchCard from 'lesca-react-scratch-card';
import Image from './img/cover.jpg';In the compnenet
const component = () => {
return (
<ScratchCard
cover={Image}
percent={50}
width={100}
height={100}
onComplete={() => {
// ...script
}}
>
your card content
</ScratchCard>
);
};Development
Props
| Props | description | default |
|---|---|---|
| cover:string | scratch card cover image | |
| width:number | card width | 320 |
| height:number | card height | 240 |
| percent:number | how much percent to complete it? | 50 |
| onComplete:function | callback when complete |
Features
- Code Linting (eslint)
- maintain if necessary