OTP Verification Field

A form field with a six-digit one-time passcode (OTP) input, separator, helper description and validation error message for verification flows.

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

import Particle from "@/components/ui/v-field-20";

export default function Default() {
  return (
    <div className="flex min-h-svh w-full items-center justify-center p-6">
      <Particle />
    </div>
  );
}