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 |