گرید ریسپانسیو مخصوص فرمهای کسبوکاری که بهصورت پیشفرض روی دسکتاپ دو ستونه و روی موبایل تکستونه رفتار میکند.
import { TaavFieldBlock, TaavFieldGrid } from "@repo/ui/taav/forms";فقط از props رسمی TaavUI استفاده کنید. unsafeClassName و escape hatchهای مشابه فقط برای موارد نادر هستند و نباید در مثالهای عادی دیده شوند.
نام رسمی ثبت شده در اداره ثبت شرکت ها
نام تجاری جهت نمایش در سامانه
شناسه ملی اشخاص حقوقی برای تمامی شرکت ها اجباری است
شماره اختصاصی ثبت در اداره ثبت شرکت ها
<TaavFieldGrid columns={2} gap="lg" density="spacious">
<TaavFieldBlock ... />
<TaavFieldBlock ... />
</TaavFieldGrid>فیلد اصلی برای ثبت رسمی
برای نمایش در سامانه
برای اشخاص حقوقی اجباری است
فیلد اصلی برای ثبت رسمی
برای نمایش در سامانه
برای اشخاص حقوقی اجباری است
فیلد اصلی برای ثبت رسمی
برای نمایش در سامانه
برای اشخاص حقوقی اجباری است
رفتار پیشفرض responsive=true است؛ یعنی فرم روی نمایشگر کوچک از یک ستون شروع میکند و از breakpoint دسکتاپ به چیدمان چندستونه برمیگردد. برای grid ثابت، responsive=false بدهید.
| Prop | نوع | پیشفرض | توضیح |
|---|---|---|---|
columns | 1 | 2 | 3 | 4 | 2 | تعداد ستون هدف در دسکتاپ |
gap | 'sm' | 'md' | 'lg' | 'xl' | md | گتر افقی بین ستونها |
density | 'compact' | 'comfortable' | 'spacious' | comfortable | فاصله عمودی ردیفها |
responsive | boolean | true | رفتار تکستونه در نمایشگر کوچک |
children* | ReactNode | — | ترکیبی از TaavFieldBlock یا field wrappers دیگر |