One box per character for a one-time code.
npx shadcn@latest add @zellify/input-otpimport { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator,} from "@/components/ui/input-otp"Exports InputOTP InputOTPGroup InputOTPSlot InputOTPSeparator. Every part takes its element's usual props and a className.
Accepts both letters and numbers.
Common pattern for PIN codes.
Example showing the invalid error state.