Components/Input OTP
Input OTP
A composable input otp primitive for modern product interfaces.
Base UI
Interactive example
Enter the six-digit verification code.
Installation
Run the CLI from your project root. Dependencies and component source are added automatically.
$npx quackelements add input-otpUsage
The generated file lives in your repository, so the component API and styles remain fully editable.
example.tsx
import { InputOTP, InputOTPGroup, InputOTPSlot } from "@/components/quack/input-otp"
<InputOTP maxLength={6}><InputOTPGroup><InputOTPSlot index={0} /></InputOTPGroup></InputOTP>