tds.tokapps.com/patterns/auth-flow
AuthFlow
Authenticationجریان کامل ورود: ترکیب SsoLogin، IdentifierForm، OtpVerification و AuthResult در یک مسیر مرحله‌ای (identify → verify → done).
import { AuthFlow } from '@tokapps/patterns'- RTL
- تیره
- کنتراست بالا
- موبایل
- صفحه‌خوان
- حرکت
- چاپ
پیش‌نمایش زنده
ورود به توکاپس
با حساب توکا آیدی یا شماره موبایل وارد شوید.
یا
ورود به توکاپس
تأیید شماره
کد ارسال‌شده را وارد کنید.
ورود به توکاپس
یا
خوش آمدید
موفقورود با موفقیت انجام شد
چه وقت
- صفحهٔ ورود کامل توکاپس با SSO و کد پیامکی
- جریان یکجا که هر چهار الگو را با هم میخواهد
چه وقت نه
- فقط دکمهٔ SSO (SsoLogin)
- فقط فرم شناسه (IdentifierForm)
- فقط تأیید کد (OtpVerification)
جایگزین‌ها
- SsoLogin: فقط دکمهٔ ورود
- IdentifierForm: فقط گرفتن شناسه
- OtpVerification: فقط تأیید کد
- AuthResult: فقط نتیجهٔ پایانی
حالت‌ها
identifyverifydone
پراپ‌ها
| prop | type |
|---|---|
| step | identify | verify | done |
| title | string |
| description | string? |
| headingLevel | h1 | h2 | h3 |
| showSso | boolean? (false: SSO و «یا» پنهان) |
| phone | string? (شمارهٔ مقصد پیامک در توضیح مرحلهٔ verify) |
| verifyDescription | string? (توضیح دلخواه مرحلهٔ verify) |
| ssoLabel | string | null? |
| onSso | () => void? |
| identifierLabel | string? |
| onIdentify | (identifier: string) => void? |
| codeLength | number? (پیش‌فرض ۶) |
| onVerify | (code: string) => void? |
| onResend | () => void? |
| resendSeconds | number? (بزرگ‌تر از صفر = غیرفعال با شمارش) |
| onBack | () => void? |
| doneMessage | string? |
| errorMessage | string? (Toast خطا) |
| isBusy | boolean? |