NumberInput — عدد (بازرس)

برای ویرایش مقدارهای عددی یک ویژگی: x، y، عرض، شعاع، شفافیت. مقدار عدد خام یا (خالی) است. اگر چند عنصر انتخاب شده باشند و مقدارشان متفاوت باشد، را بگذارید.

وضعیت: beta · لایه: ۳ () · کد:

TSX

import { NumberInput } from '@tokapps/tuk';

نمونهٔ زنده

شعاع

شفافیت

عرض

دو عنصر انتخاب‌شده اندازهٔ متفاوت دارند

تعداد

حداقل مقدار ۱ است

کد قابل کپی

x و y با واحد پیکسل

TSX

import { NumberInput } from '@tokapps/tuk';<NumberInput label="x" value={x} onChange={setX} unit="px" /><NumberInput label="y" value={y} onChange={setY} unit="px" />

شعاع با بازه و درصد

TSX

<NumberInput label="شعاع" value={radius} onChange={setRadius} min={0} max={100} step={1} unit="%" />

شفافیت با گام اعشاری

TSX

<NumberInput label="شفافیت" value={opacity} onChange={setOpacity} min={0} max={1} step={0.05} precision={2} />

انتخاب چندتایی با مقدار متفاوت

TSX

<NumberInput label="عرض" value={null} onChange={setWidth} unit="px" isMixed description="دو عنصر اندازهٔ متفاوت دارند" />

همهٔ پیکربندی‌ها

پراپ	نوع	پیش‌فرض	توضیح
		—	برچسب الزامی؛ کشیدن روی آن اسکراب می‌کند.
		—	عدد خام؛ یعنی خالی.
		—	با هر commit؛ عدد خام می‌دهد.
/		—	کرانه‌ها؛ مقدار هنگام commit در بازه قرار می‌گیرد.
			گام ↑/↓ و اسکراب.
		از	تعداد اعشار؛ هنگام commit گرد می‌شود.
		—	پسوند نمایشی مثل یا ؛ در متن ورودی نیست.
			مقدار متفاوت؛ placeholder نمایش داده و حذف می‌شود.
			متن حالت .
			اسکراب با کشیدن روی برچسب.
		—	توضیح زیر فیلد.
		—	پیام خطا؛ فقط با .
			ارقام نمایش؛ ورودی هر دو رقم فارسی و لاتین را می‌پذیرد.
/ /			وضعیت‌ها.
	· ·		اندازهٔ فیلد.
	·		نمایش در چاپ.
		—	نام فیلد در .

رفتار ورودی

ورودی	عملکرد
/	یک گام؛ با ده گام.
یا خروج از فیلد	اعمال متن: گرد کردن، محدود کردن به بازه.
	بازگشت به مقدار قبلی.
کشیدن روی برچسب	اسکراب: هر ۴ پیکسل یک گام؛ با ده گام. کشیدن به راست مقدار را زیاد می‌کند، در هر دو جهت متن.
متن خالی	.
متن نامعتبر	برمی‌گردد به مقدار قبلی.

حالت‌ها

حالت	نمایش
خالی	فیلد خالی
	placeholder «متفاوت»؛ بدون
	حاشیهٔ خطا، آیکون و پیام
/	بدون تغییر مقدار؛ اسکراب و فلش‌ها غیرفعال

دسترس‌پذیری

نقش با ، و .
در ، همان است.
برچسب به ورودی وصل است؛ صفحه‌خوان با معرفی می‌کند.
اسکراب فقط یک راه کمکی است؛ همان تغییر با ↑/↓ هم ممکن است.

حرکت و چاپ

حرکت: فقط گذار حاشیه؛ در کاهش حرکت بی‌انیمیشن.
صدا: ندارد.
چاپ: پیش‌فرض است.

توکن‌ها

کامپوننتی: (اندازه، شعاع، فاصله، پس‌زمینه، حاشیه با و ، رنگ توضیح و واحد، گذار، شفافیت غیرفعال).
تعریف در ؛ فهرست کامل در .

نکات

مقدار را به‌صورت عدد ذخیره کنید؛ متن نمایشی (با واحد یا ارقام محلی) را به سرور نفرستید.
برای مبلغ پولی از CurrencyInput و برای انتخاب بصری در بازه از Slider استفاده کنید.