An animated OTP (One-Time Password) input component with random digits, customizable delay, hover control, and card customization for authentication flows.
import {ClerkOTP} from "@/components/ui/clerk-otp";export default function ClerkOTPDemo() { return ( <ClerkOTP delay={3500} cardTitle="Hover to Animate" cardDescription="Animation only triggers when hovering over the card. Random digits generated each time." whileHover={true} // Animation only on hover /> )}