react-otpcode-input

react-otpcode-input

An OTP input component using React

Install

npm install react-otpcode-input --save

Usage

ES6

import OtpInput from 'react-otpcode-input';

Typescript

import OtpInput from 'react-otpcode-input';

Props

Props	Options	Default	Description
numberOfInputs	Number	none	Number of OTP inputs to be rendered.
onChange	(code) => void	none	Returns OTP code typed in inputs.
onComplete	(code) => void	none	Callback when OTP is completely filled.
otp	String	none	The value of the OTP passed into the component.
disabled	boolean	none	Disables all the inputs.
autoFocus	boolean	none	Auto focuses input on initial page load.

Examples

import OtpInput from 'react-otpcode-input';

<OtpInput
  numberOfInputs={6}
  onChange={(code) => console.log(code)}
  onComplete={(code) => console.log(code)}
  otp={""}
  autoFocus={true}
/>

License

MIT