Input OTP

import { InputOTP, InputOTPGroup, InputOTPSlot } from '@/components/ui/input-otp';

<InputOTP maxLength={6} value={otp} onChange={setOtp}>
  <InputOTPGroup>
  {Array.from({ length: 6 }).map((_, i) => (
    <InputOTPSlot key={i} index={i} />
  ))}
  </InputOTPGroup>
</InputOTP>