Input OTP Alphanumeric

A one-time-passcode input made of grouped boxes that accepts both letters and digits, useful for alphanumeric verification codes.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Input OTP Alphanumeric to your project and fits it to your theme.

import InputOTPAlphanumeric from "@/components/ui/input-otp-alphanumeric";

export default function InputOTPAlphanumericDemo() {
  return (
    <div className="flex items-center justify-center p-10">
      <InputOTPAlphanumeric />
    </div>
  );
}