0.0.4 • Published 6 months ago
scratchcard-reactjs v0.0.4
Demo
Interactive scratch card functionality made simple for your app! ✨
If a user reveals over 60% of the content and removes their cursor, the remaining portion is automatically revealed, completing the action.
Installation
Install my-project with npm
npm install scratchcard-reactjsUsage/Examples
import { ScratchCard } from "scratchcard-reactjs";
const App = () => {
return (
<>
<ScratchCard
variant="blue"
data="YOU WON 5$!!"
handleCoverScratched={() => {
console.log("YAY! COVER IS SCRATCHED");
}}
/>
</>
);
};
export default App;Parameters
| PARAMETER | DEFAULT | DESCRIPTION |
|---|---|---|
| variant | "yellow" | 'Specifies the color to be applied to the card. Acceptable values are "yellow", "blue", and "green".' |
| data | "no default value, **required**" | 'This indicates the text inside the scratch card.' |
| handleCoverScratched | "no default value" | 'This denotes the function that may be executed once the card is scratched.' |
- Feel free to raise Pull Request if you find any bug or any improvement.
Created By @shrey2109
My name is Shrey Parikh. LinkedIn: Click