Form Primitive

TaavTextarea

ورودی چندخطی با token-based sizing و شمارنده اختیاری.

import { TaavTextarea } from "@repo/ui/taav";

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

استفاده پایه

RTL Preview

پیش‌نمایش

readOnly content

پیش‌نمایش

15/120

<TaavTextarea maxLength={120} showCount />

Prop	نوع	پیش‌فرض	توضیح
`size`	'sm' \| 'md' \| 'lg'	md	padding و min-height
`variant`	'default' \| 'filled' \| 'soft' \| 'ghost'	default	پس‌زمینه
`invalid`	boolean	false	حالت خطا
`rows / minRows`	number	—	ارتفاع اولیه
`maxLength`	number	—	حداکثر کاراکتر
`showCount`	boolean	false	شمارنده با maxLength

Min height mdvar(--taav-textarea-min-height-md)

Paddingvar(--taav-input-px-md)

Line heightvar(--taav-leading-relaxed)