@isyuricunha/docs

Input OTP

Accessible one-time password component with copy paste functionality.

Usage

import { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot } from '@isyuricunha/ui'
<InputOTP maxLength={6}>
  <InputOTPGroup>
    <InputOTPSlot index={0} />
    <InputOTPSlot index={1} />
    <InputOTPSlot index={2} />
  </InputOTPGroup>
  <InputOTPSeparator />
  <InputOTPGroup>
    <InputOTPSlot index={3} />
    <InputOTPSlot index={4} />
    <InputOTPSlot index={5} />
  </InputOTPGroup>
</InputOTP>

Examples

Pattern

Separator

Controlled

Enter your one-time password.

Form

Please enter the one-time password sent to your phone.

Edit on GitHub