@nabidam/react-captcha NPM

Reusable react captcha component

It's a react component that you can use it to generate captcha very easy.

npm install @nabidam/react-captcha

Import the component.

import { Captcha } from "@nabidam/react-captcha"

Define your state. We are going to pass setter to the component.
```
const [captcha, setCaptcha] = useState("");
```
Use the component.
```
<Captcha setWord={setCaptcha}/>
```
When the parent component is rendered, setCaptcha will fire and the value assigned to captcha.

You can reload the captcha whenever user submits the wrong value.

Use useRef to define a reference to the component.

const captchaRef = useRef();
.
.
.
<Captcha setWord={setCaptcha} ref={captchaRef} />

Call method initializeCaptcha from the component whenever user submits wrong value.

if(userInput !== captcha){
    // your code
    captchaRef.current.initializeCaptcha();
}

name	type	default	description
setWord	function	-	callback to store captcha value.
numberOfCharacters	number	4	number of characters to generate captcha
persianChars	boolean	false	use persian letters to generate?
reloadText	string	Reload Captcha	text of the reload button
reloadEl	html element	-	you can pass reload element entirely to the component
backgroundColor	color strong	#0c0c0c	color of the background
fontColor	color string	#fff	color of the text