scratchcard-reactjs
TypeScript icon, indicating that this package has built-in type declarations

0.0.3 • Public • Published

Demo

enter image description here 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

Package Sidebar

Install

npm i scratchcard-reactjs

Weekly Downloads

1

Version

0.0.3

License

ISC

Unpacked Size

19.6 kB

Total Files

10

Last publish

Collaborators

  • shrey2109