TaavUI Lab
Forms · Phase 2

فرم‌های TaavUI

Text fields، form controls و field composition بدون React Hook Form / Zod / DatePicker.

import { TaavFieldBlock, TaavFieldGrid, TaavChoiceChipGroup } from "@repo/ui/taav/forms";

فقط از props رسمی TaavUI استفاده کنید. unsafeClassName و escape hatchهای مشابه فقط برای موارد نادر هستند و نباید در مثال‌های عادی دیده شوند.

ورودی

مستندات کامل + props table

TaavInput

ورودی مبلغ

مستندات کامل + props table

TaavCurrencyInput

ورودی درصد

مستندات کامل + props table

TaavPercentageInput

متن چندخطی

مستندات کامل + props table

TaavTextarea

انتخاب

مستندات کامل + props table

TaavSelect

چک‌باکس

مستندات کامل + props table

TaavCheckbox

رادیو

مستندات کامل + props table

TaavRadio

سوییچ

مستندات کامل + props table

TaavSwitch

سگمنت

مستندات کامل + props table

TaavSegmentedControl

کارت گزینه

مستندات کامل + props table

TaavOptionCard

فیلد فرم

مستندات کامل + props table

TaavFormField

field

مستندات کامل + props table

TaavFieldBlock

گرید فیلد

مستندات کامل + props table

TaavFieldGrid

چیپ انتخابی

مستندات کامل + props table

TaavChoiceChipGroup

برای انتخاب‌های محدود و قابل مشاهده در فرم‌های ERP، از TaavChoiceChipGroup استفاده کنید؛ نه Dropdown. مثال‌ها: نوع شرکت، نوع قرارداد، وضعیت ساده، دسته‌بندی‌های کوتاه.

همچنین export شده: TaavLabel, TaavRequiredMark, TaavFormMessage, TaavFormDescription, TaavFieldBlock, TaavFieldGrid, TaavChoiceChipGroup, TaavRadioGroup