OTP Field

A Base UI OTP field component for one-time password and verification code entry.

Verification code

Enter the 6-digit code we sent to your device.

Installation

npx shadcn@latest add @craftdotui/baseui-otp-field

Verification code

Access code

Characters are masked for privacy on shared screens.

Recovery code

Accepts letters and numbers for backup codes such as A7C9XZ.

Verification code

Placeholder hints stay visible until the active slot is focused.