react-scratchcard

React component for displaying scratch card in your web app.

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
react-scratchcard
3681.1.28 years ago8 years agoMinified + gzip package size for react-scratchcard in KB

Readme

react-scratchcard
A react component for displaying scratch card in your web app.

Demo

http://allu.io/react-scratchcard

Installation

$ npm install react-scratchcard

Example

import React from 'react';
import ScratchCard from 'react-scratchcard';

const settings = {
  width: 640,
  height: 480,
  image: 'image.jpg',
  finishPercent: 50,
  onComplete: () => console.log('The card is now clear!')
};

const Example = () =>
  <ScratchCard {...settings}>
    Congratulations! You WON!
  </ScratchCard>;

Credits

Heavily inspired by this pen by André Ruffert.
Image used in the example by webtreats.