templUI Pro coming soon  

50% OFF Join Waitlist

Input OTP

Input field for one-time password/verification code entry.

TailwindCSS
Alpine.js

Usage

1. Add the script to your page/layout:

// Option A: All components (recommended)
@utils.ComponentScripts()

// Option B: Just InputOTP
@components.InputOTPScript()

2. Use the component:

@components.InputOTP(components.InputOTPProps{...})

Examples

Placeholder

-

With Label

Custom Length

Password Type

-

Custom Styling

-

Form

-

Enter the 6-digit code sent to your phone

Invalid verification code.

© 2025 templui. Stupid code not excluded.