Multi-digit verification code input with configurable digit count, separator, and multiple size options. Perfect for 2FA, OTP, and PIN code entry.
Use verification inputs for one-time codes, PINs, and multi-digit authentication.
Enter verification codes sent via SMS or email.
Input time-based codes from authenticator apps.
Secure PIN code input for authentication or validation.
Supports 4-digit and 6-digit configurations.
Standard for SMS verification codes
Common for authenticator apps (TOTP)
Three sizes to fit different layouts and importance levels.
Compact for mobile or tight spaces
Standard size for most use cases
Prominent for primary authentication flows
Verification inputs support various states for different scenarios.
Shows when code is invalid
Non-interactive, reduced opacity
Continuous digit input without visual separator
Follow these guidelines when using verification inputs.
Examples of where verification inputs work best.
4-digit code sent via text message
Confirm email ownership with emailed code
6-digit TOTP from Google Authenticator or similar
Additional verification layer for sensitive actions
Verify identity before allowing password change
Confirm high-value or sensitive transactions
Verification inputs are designed to be accessible to all users.
Design and development resources for the Input Verification component.