ورودی عددی فرم (FormNumericInput)

کامپوننت FormCustomFormatInput که ورودی را با react-number-format بسته‌بندی می‌کند. برای مثال‌های بیشتر به مستندات رسمی مراجعه کنید.

پایه (Basic)

استفاده پایه از FormNumericInput، تمام ویژگی‌های react-number-format را می‌توان به این کامپوننت اعمال کرد.

همراه با فرم (WithForm)

نمونه‌ای از استفاده با React Hook Form

API

ورودی عددی فرم (FormNumericInput)
ویژگیتوضیحاتنوعپیش‌فرض
inputPrefixنمایش محتوای پیشوند در داخل ورودیstring | ReactNode-
inputSuffixنمایش محتوای پسوند در داخل ورودیstring | ReactNode-
thousandSeparatorفعال‌سازی جداکننده هزارگان و امکان تنظیم کاراکتر سفارشیboolean | string-
decimalSeparatorنماد جداکننده اعشارstring-
allowedDecimalSeparatorsکاراکترهایی که فشار دادن آن‌ها منجر به نمایش جداکننده اعشار می‌شود. در صورت عدم تنظیم، جداکننده اعشار و '.' استفاده می‌شوند.Array-
thousandsGroupStyleسبک گروه‌بندی هزارگان را مشخص می‌کند.'thousand' | 'lakh' | 'wan' | 'none'-
decimalScaleاگر تنظیم شود، تعداد ارقام بعد از نقطه اعشار را محدود می‌کند.number-
fixedDecimalScaleاگر روی true تنظیم شود، صفرهای انتهایی بعد از جداکننده اعشار برای تطابق با decimalScale اضافه می‌شوند.boolean-
allowLeadingZerosفعال یا غیرفعال کردن صفرهای ابتدایی در فیلد ورودی. به طور پیش‌فرض، در حالت blur صفرهای ابتدایی حذف می‌شوند. برای فعال‌سازی صفرهای ابتدایی این ویژگی را true کنید.boolean-
allowNegativeاگر روی false تنظیم شود، اعداد منفی مجاز نخواهند بود.boolean-
suffixپسوندی که بعد از مقدار ورودی اضافه می‌شود.string-
prefixپیشوندی که قبل از مقدار ورودی اضافه می‌شود.string-

وابستگی‌ها

فرمت عددی React

تمامی خصوصیات مشترک فرمت عددی React می‌توانند روی این کامپوننت اعمال شوند. برای لیست کامل به مستندات رسمی مراجعه کنید.