ورودی
یک عنصر Input یک فیلد متنی قابل ویرایش توسط کاربر فراهم میکند و امکان سفارشیسازی سبک متن، ظاهر راهنما (Hint)، اندازه، فاصلهها و گزینههای اعتبارسنجی مانند اجباری بودن و محدودیت حداکثر کاراکتر را دارد.
| فیلد | نوع | مقدار پیشفرض | توضیحات |
|---|---|---|---|
| Name | String | {name} | شناسه نام برای فیلد ورودی. |
| Enable | Boolean | true | تعیین میکند که ورودی فعال باشد یا غیرفعال. |
| Require | Boolean | false | اگر true باشد، فیلد قبل از ارسال فرم باید پر شود. |
| Text | String | {text} | مقدار پیشفرض متن داخل ورودی. |
| Text.Color | Color | {textColor} | رنگ متن تایپ شده. |
| Text.Style | TextStyle | {textStyle} | سبک متن تایپ شده (بولد، ایتالیک و غیره). |
| Text.Size | Number | 16 | اندازه فونت متن ورودی. |
| Hint | String | {hint} | متن راهنمایی که هنگام خالی بودن فیلد نمایش داده میشود. |
| Hint.Color | Color | {hintColor} | رنگ متن راهنما. |
| Hint.Style | TextStyle | {hintStyle} | سبک متن راهنما. |
| Size | Number | 0 | ارتفاع فیلد ورودی. |
| Margin | Number | 20 | فاصله بیرونی اطراف فیلد ورودی. |
| MarginLine | Number | 10 | فاصله عمودی بین این عنصر و عناصر دیگر. |
| Max | Number | 1000 | حداکثر تعداد کاراکتر مجاز. |
🔗 منابع تکمیلی
برای یادگیری نحوه ساخت همین المان با استفاده از کدنویسی JSON، مراجعه کنید به:
ساخت ورودی با JSON