Skip to main content

OTP Input Field

img

Usage​

import React from 'react'
import { OtpInput } from 'qdm-component-library'

function App() {
  return (
    <OtpInput
      onChange={(value) => console.log(value)}
      borderColor="#0071F2"
      textColor="#0071F2"
    />
  )
}
export default App

Reference​

numberOfInputs​

props for render number of inputs number

variant​

Two types of variant 1.standard for only bottom bordered input 2.outlined for fully bordered input 'standard'|'outlined'

type​

props for providing type to the input field 'number'|'password'|'text'

value​

props for providing value to the input field string

onChange​

props for changing value of the input field Function

focusTextColor​

props for providing text color for the active input field text string

focusBorderColor​

props for providing border color for the active input field string

inLineStyles​

props for providing styling for OtpInput component object