Reactjs-otp-input NPM

A fully customizable, one-time password input component for the web built with React.

see here

Support auto fill on mobile (safari, chrome....)

see here

Installation

To install the latest stable version:

pnpm install reactjs-otp-input@latest

Basic usage:

import React, { Component } from 'react';
import { OtpInput } from 'reactjs-otp-input';

const App = () => {
  const [otp, setOtp] = useState('');

  const handleChange = (otp) => setOtp(otp);

  return <OtpInput value={otp} onChange={handleChange} numInputs={6} separator={<span>-</span>} />;
};