اجزاء
اختصار عددلینک عملکارت سازگارپیوستبررسی اختیارنمایش تقویمنمودارپنجره تاییدظرفورودی قالب سفارشیجدول دادهورودی تاخیریتصویر دو رودکمه نقطه چیننمودار گانتمقدار رشد و کاهشمتن آیکونگالری تصاویربارگذاریماسونیاستخلال رسانهتغییر ناوبریورودی عددیورودی OTPورودی رمز عبورورودی الگونقشه منطقهویرایشگر متن غنیگزینه آیتم قطعه پیشتنظیمپاورقی چسبندهبرجستهسازی دستورگروه آواتار کاربران
ورودی کد یکبار مصرف (OtpInput)
کامپوننت OtpInput راهی آسان برای پیادهسازی فیلدهای ورودی کدهای یکبار مصرف (OTP) یا کدهای تأیید چند رقمی فراهم میکند. این کامپوننت برای مدیریت ورود ارقام متوالی طراحی شده است و تجربه کاربری روانی را برای فرمهایی که نیاز به ورود کد یکبار مصرف دارند، فراهم میکند.
پایه (Basic)
استفاده پایه از OtpInput
طول (Length)
OtpInput میتواند با استفاده از پراپ
length به طولهای مختلف کد یکبار مصرف سازگار شودAPI
FormNumericInput
| ویژگی | توضیحات | نوع | پیشفرض |
|---|---|---|---|
| autoFocus | آیا ورودی به صورت خودکار فوکوس شود | boolean | - |
| disabled | آیا ورودی غیرفعال باشد | boolean | - |
| invalid | آیا ورودی در وضعیت نامعتبر باشد | boolean | - |
| inputClass | کلاس برای تمام فیلدهای ورودی | string | - |
| length | طول فیلد ورودی | number | - |
| onChange | تابع فراخوانی هنگام تغییر مقدار ورودی | (value: string) => void | - |
| placeholder | متن نگهدارنده برای تمام فیلدهای ورودی | string | - |
| value | مقدار کنترل شده ورودی | string | - |