react-otp-code

One time password component

CodeSandbox

Installation

To install the latest stable version:

npm install react-otp-code

Basic usage:

import { OtpCode } from 'react-otp-code';
import { useEffect, useState } from 'react';

export default function App() {
    const [test, setTest] = useState('');

    return (
        <div className="App">
            <OtpCode onChange={setTest} classNames={'yourClassName'} />
        </div>
    );
}

API

Name	Type	Required	Default	Description
classNames	classname	false	null	Overrides the default styling
items	number	false	6	Number of inputs
onChange	function	true	empty string	Returns a string