Demo

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-reactjs

Usage/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