۰ / ۲۰
کامپوننت اصلی برای ساخت فیلدهای استاندارد کسبوکار با برچسب، کنترل و متن راهنما.
import { TaavFieldBlock } from "@repo/ui/taav/forms";شماره اختصاصی در اداره مالیات۰ / ۵۰
کد اقتصادی ۱۲ رقمی صادر شده توسط سازمان امور مالیاتی۰ / ۱۲
۰ / ۲۰
این مقدار به صورت عدد ثابت برای هزینه یا پرداخت مشخص شده و مستقل از درصد یا شرایط دیگر است.
این مقدار به صورت درصدی از مبلغ محاسبه میشود و با تغییر مبلغ قرارداد، بهطور خودکار بهروزرسانی میشود.
مانند A
شمارهگذاری مانند از ۲ تا ۵
وارد کردن شماره موبایل یا ایمیل برای ثبت کاربر ضروری میباشد.0/50
تاریخی که اقساط باید تا آن زمان به پایان برسند. تعداد و مبلغ اقساط بر اساس این تاریخ محاسبه میشود.
فقط از props رسمی TaavUI استفاده کنید. unsafeClassName و escape hatchهای مشابه فقط برای موارد نادر هستند و نباید در مثالهای عادی دیده شوند.
<TaavFieldBlock label="کد اقتصادی" required htmlFor="economic-code" supportText="کد اقتصادی ۱۲ رقمی صادر شده توسط سازمان امور مالیاتی" > <TaavInput id="economic-code" /> </TaavFieldBlock>
| Prop | نوع | پیشفرض | توضیح |
|---|---|---|---|
label* | ReactNode | — | عنوان فیلد بالای کنترل |
required / optional | boolean | — | نمایش ستاره الزامی یا برچسب اختیاری |
tooltip / hint / supportText | ReactNode | — | متن راهنمای ثابت زیر فیلد؛ نه hover tooltip |
description | ReactNode | — | fallback برای support text وقتی tooltip/hint/supportText داده نشده باشد |
error / warning / success | ReactNode | — | پیام وضعیت زیر support text؛ error اولویت بالاتر دارد |
htmlFor | string | — | اتصال label به کنترل |
size | 'sm' | 'md' | 'lg' | md | spacing و تایپوگرافی الگو |
align | 'start' | 'center' | 'end' | 'stretch' | stretch | تراز container کلی |
labelAlign / tooltipAlign | 'start' | 'center' | 'end' | start | تراز label و متن راهنما |
invalid / disabled | boolean | — | state بصری wrapper |
children* | ReactNode | — | TaavInput / TaavSelect / TaavTextarea یا کنترل سفارشی |