tds.tokapps.com/patterns/otp-verification
OtpVerification
Authenticationتأیید کد یکبارمصرف پیامکی: فیلد کد، تأیید، ارسال مجدد با شمارش معکوس و بازگشت؛ ترکیب Input و Button.
import { OtpVerification } from '@tokapps/patterns'- RTL
- تیره
- کنتراست بالا
- موبایل
- صفحهخوان
- حرکت
- چاپ
پیشنمایش زنده
چه وقت
- تأیید شماره پس از ورود یا ثبتنام
- تأیید عملیات حساس با کد پیامکی
چه وقت نه
- کد ورود از اپ احراز (TOTP) با چند رقم جدا (از OTP چندخانهای اختصاصی استفاده کنید)
جایگزینها
- Input: کد متنی ساده بدون ارسال مجدد
حالتها
readycountdownbusyerror
پراپها
| prop | type |
|---|---|
| label | string? |
| description | string? |
| codeLength | number? (پیشفرض ۶) |
| submitLabel | string? |
| backLabel | string? |
| resendLabel | string? |
| onVerify | (code: string) => void? |
| onResend | () => void? |
| resendSeconds | number? (بزرگتر از صفر = غیرفعال با شمارش) |
| onBack | () => void? |
| isBusy | boolean? |
| errorMessage | string? |