react-canvas-captcha

React Canvas Captcha

Add captcha to your react projects

Installation

  npm install react-canvas-captcha

OR

  yarn add react-canvas-captcha

Usage

import Captcha from "react-canvas-captcha";

const App = () => {
  const [generatedCaptcha, setGeneratedCaptcha] = useState('');

  return (
    <Captcha
      boxHeight={50}
      boxWidth={130}
      refreshButton
      captchaConfig={{
        numberOfChars: 4,
        font: "bold 23px Arial",
        textStartingX: 15,
        textStartingY: 5,
      }}
      setCode={(captchaCode) => setGeneratedCaptcha(captchaCode)}
    />
  );
};

export default App;

Parameters

| Parameter Name | Default Value | Description | | boxHeight | 50 | Height of the canvas box |