متن چندخطی

textareaکامپوننت

متن چندخطی با شمارنده‌ی کاراکتر فارسی و ارتفاعی که خودش با محتوا بزرگ میشه.

۲۵ / ۱۲۰

نصب

  1. با CLI

    اگر هنوز init نکردید، اول از راهنمای نصب پروژه را آماده کنید. بعد این دستور کامپوننت و وابستگی‌هاش را می‌نویسه.

    $ npx vibefarsi add textarea
  2. نصب دستی

    محتوای تب «کد» را در 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 />

پراپ‌ها

پراپنوعپیش‌فرضتوضیح
autoResizebooleanfalseارتفاع با محتوا زیاد میشه.
showCountbooleanfalseشمارنده‌ی «۲۴ / ۲۰۰» زیر فیلد (به maxLength نیاز داره).