Input OTP
Fine Clay style OTP (One-Time Password) input component for verification codes.
4 位验证码
Standard 4-digit verification code input.
Enter the 4-digit code sent to your phone.
6 位验证码
Extended 6-digit verification code for higher security.
Enter the 6-digit code from your authenticator app.
不同尺寸
OTP inputs in small, default, and large sizes.
Small
Default
Large
不同形状
OTP slots with different border radius styles.
Default (Rounded)
Circle
带分隔符
OTP input with visual separators between groups.
3+3 Format
密码模式
OTP with masked characters for sensitive input.
Characters are hidden for security.
错误状态
OTP with error indication and shake animation.
Enter 6 digits to see the error animation.
验证卡片
OTP input in a verification context.
Verify Your Phone
We sent a code to
+1 (555) ***-**89
Didn't receive the code?
双因素认证
Two-factor authentication code entry with password mode.
Two-Factor Authentication
Enter code from your authenticator app