Components
/Clerk OTP
Clerk OTP
An animated OTP (One-Time Password) input component with random digits, customizable delay, hover control, and card customization for authentication flows.
Loading preview...
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
/>
)
}