pnpm dlx shadcn@latest add @saturation/input-otpimport {
InputOTP,
InputOTPGroup,
InputOTPSlot,
} from "@/components/ui/input-otp"<InputOTP maxLength={6}>
<InputOTPGroup>
<InputOTPSlot index={0} />
<InputOTPSlot index={1} />
<InputOTPSlot index={2} />
<InputOTPSlot index={3} />
<InputOTPSlot index={4} />
<InputOTPSlot index={5} />
</InputOTPGroup>
</InputOTP>| Prop | Type | Default | Description |
|---|---|---|---|
maxLength* | number | — | Number of OTP characters. |
value | string | — | The controlled value. |
onChange | (value: string) => void | — | Event handler for value changes. |
On This Page