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