Components
Input OTP

Input OTP

An accessible one-time password (OTP) component built on top of input-otp, featuring copy-paste functionality for a smooth and user-friendly experience. This component ensures secure and efficient entry of verification codes, making it ideal for authentication and security workflows, while maintaining accessibility standards.

Additional Examples

With Separator

You can use the <InputOTPSeparator /> component to insert a separator between input groups, enhancing the visual structure and clarity of the OTP input fields for a more organized user experience.

With Controlled Value

The value and onChange props can be used to control the input value, allowing for easy management and synchronization of the OTP input state. This provides flexibility in handling user input and ensures a seamless user experience across different interactions.

Enter your one-time password.

As Form Field

Please enter the one-time password sent to your phone.