A library React JS to verify the PIN code
npm install react-verification-pinInstall via NPM:
``bash
npm install react-verification-pin
`
#### TypeScript
`typescript
import { VerificationPin, StatusType } from "react-verification-pin";
export const YourComponent: React.FC = () => {
const [status, setStatus] = useState
const handleOnFinish = (code: string) => {
setStatus("wait");
// simulating a search on your api
if (code === "111111") {
setTimeout(() => {
setStatus("error");
}, 3000);
} else {
setTimeout(() => {
setStatus("success");
}, 3000);
}
};
return (
inputsNumber={6}
status={status}
title="Your title here"
subTitle="Your subtitle here"
onFinish={handleOnFinish}
/>
);
};
`
| Key | Type | Description |
| ------------ | ------------ | ------------------------------------- |
| type | number | number, text, numberAndText |number
| inputsNumber | | The count of characters |StatusType
| status | | process, wait, error, success |string
| title | | Title |string
| subTitle | | Sub Title |Function
| onChange | | Trigger on input change |Function` | Trigger on all character inputs |
| onFinish |