Skip to Content

Built by moveinready.casa  and the community

Shadcn Docs

Input OTP

A one-time password input component for authentication.

Usage

import { InputOTP, InputOTPSeparator, InputOTPGroup, InputOTPSlot, } from "@/components/ui/input-otp"; <InputOTP maxLength={6} onFilled={(code: number) => console.log(code)}> <InputOTPGroup> <InputOTPSlot index={0} /> <InputOTPSlot index={1} /> <InputOTPSlot index={2} /> </InputOTPGroup> <InputOTPSeparator /> <InputOTPGroup> <InputOTPSlot index={3} /> <InputOTPSlot index={4} /> <InputOTPSlot index={5} /> </InputOTPGroup> </InputOTP>;

The input OTP is a wrapper around the TextInputOTP  component.

shadcn-native

Built by moveinready.casa and the community