1.0.4 • Published 7 months 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 --save
Usage
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