متن چندخطی
textareaکامپوننتمتن چندخطی با شمارندهی کاراکتر فارسی و ارتفاعی که خودش با محتوا بزرگ میشه.
۲۵ / ۱۲۰
نصب
با CLI
اگر هنوز init نکردید، اول از راهنمای نصب پروژه را آماده کنید. بعد این دستور کامپوننت و وابستگیهاش را مینویسه.
$ npx vibefarsi add textareaنصب دستی
محتوای تب «کد» را در
components/ui/textarea.tsxبگذارید.$ npm i lucide-reactکپی کل فایلregistry json
استفاده
usage.tsx
1import { Textarea } from "@/components/ui/textarea"23<Textarea placeholder="پیامتان را بنویسید…" maxLength={200} showCount autoResize />پراپها
| پراپ | نوع | پیشفرض | توضیح |
|---|---|---|---|
| autoResize | boolean | false | ارتفاع با محتوا زیاد میشه. |
| showCount | boolean | false | شمارندهی «۲۴ / ۲۰۰» زیر فیلد (به maxLength نیاز داره). |