@joshmg-77/otp-component

OTP Verification

React OTP Component for your otp verifications this component includes some useful props like a box separator, allow only numbers and classnames for customization.

• Bundled with vite
• Type checking (Typescript)
• Light Weight

Installation

OTP Component requires Node v14+ to run. Install your dependencies and devDependencies and re-start your dev-server.

With Npm:

npm install @joshmg-77/otp-component

With Yarn:

yarn add @joshmg-77/otp-component

Features

This component accepts the following props

Props	value
boxNumber	number
boxSeparator	number
onlyNumbers	boolean
classContainer	string
classOTP	string
onValue	Function

Example of use

import OTPComponent from '@joshmg-77/otp-component'

  <OTPComponent
    boxNumber={6}
    boxSeparator={2} // split regarding the boxNumber
    classContainer="foo"
    classOTP="bar"
    onlyNumbers={false}
    onValue={value => console.log(value)}
  />

Preview