ترکیب label، description، control و message — بدون React Hook Form.
import { TaavFormField, TaavInput } from "@repo/ui/taav";فقط از props رسمی TaavUI استفاده کنید. unsafeClassName و escape hatchهای مشابه فقط برای موارد نادر هستند و نباید در مثالهای عادی دیده شوند.
این نام در اسناد و تنظیمات نمایش داده میشود.
<TaavFormField label="نام کسبوکار" required error={errors.name}>
<TaavInput invalid={Boolean(errors.name)} />
</TaavFormField>در صورت تمایل
| Prop | نوع | پیشفرض | توضیح |
|---|---|---|---|
label | ReactNode | — | برچسب فیلد |
required / optional | boolean | — | نمایش الزامی/اختیاری |
description | ReactNode | — | متن راهنما |
message | ReactNode | — | پیام info/success/warning |
error | ReactNode | — | پیام خطا — tone را danger میکند |
htmlFor | string | — | اتصال label به control |
children* | ReactNode | — | TaavInput یا TaavTextarea |