O T P

The only lit, all-in-one Input OTP component you’ll find online. Easy to use, highly customizable, and packed with features.

Basic

Here’s the basic usage of the Input OTP component.

Installation

In the terminal, run the following command to begin:
npx hq-kit add otp

Separator

To include a separator between the OTP input groups, use the InputOTPSeparator component.

Controlled

To control the Input OTP component, utilize the value and onChange props.

Enter your one-time password.
TextareaNumber Field