Components
Loading preview...
This component is a modern, highly interactive OTP input designed for a smooth and intuitive user experience. Each slot automatically focuses as the user types, and supports backspace navigation, so editing is effortless. Users can also paste the full OTP, which fills the inputs automatically. Completed slots are visually highlighted, and an optional separator can be added for better readability.
npx shadcn@latest add https://21st.dev/r/ruixen.ui/otpinputimport OTPInput from "@/components/ui/otpinput";
export default function DemoOne() {
return <OTPInput />;
}