Textarea — متن چندخطی
برای توضیحات و متن بلند. با نوشتن بزرگ می‌شود؛ با کپی کد شمارنده نشان می‌دهد و فراتر رفتن را با آیکون و متن اعلام می‌کند.
وضعیت: beta · لایه: ۳ (کپی کد) · کد: کپی کد
import { Textarea } from '@tokapps/tuk';نمونهٔ زنده
با نوشتن بزرگ می‌شود؛ بعد از ۶ ردیف اسکرول می‌خورد
4 / 80
متن را کوتاه کنید25 / 1015 نویسه بیش از حد مجاز
کد قابل کپی
پایه
import { Textarea } from '@tokapps/tuk';<Textarea label="توضیحات" value={text} onChange={setText} placeholder="چیزی بنویسید…" />رشد خودکار با سقف
<Textarea label="ایده" value={idea} onChange={setIdea} minRows={2} maxRows={6} />شمارندهٔ نویسه
<Textarea label="معرفی کوتاه" value={bio} onChange={setBio} maxLength={80} />بیش از حد مجاز با پیام
<Textarea label="عنوان" value={title} onChange={setTitle} maxLength={10} errorMessage="متن را کوتاه کنید" />همهٔ پیکربندی‌ها
| پراپ | نوع | پیش‌فرض | توضیح |
|---|---|---|---|
| کپی کد | کپی کد | — | برچسب الزامی. |
| کپی کد / کپی کد | کپی کد / کپی کد | — | حالت کنترل‌شده. |
| کپی کد | کپی کد | — | حالت غیرکنترلی. |
| کپی کد | کپی کد | کپی کد | کمینهٔ ردیف. |
| کپی کد | کپی کد | — | بیشینهٔ ردیف؛ بعد از آن اسکرول. |
| کپی کد | کپی کد | کپی کد | رشد خودکار. |
| کپی کد | کپی کد | — | سقف نویسه؛ سد سخت نیست. |
| کپی کد | کپی کد | با کپی کد | نمایش شمارنده. |
| کپی کد / کپی کد | کپی کد | — | توضیح و پیام خطا. |
| کپی کد | کپی کد | — | متن راهنما. |
| کپی کد / کپی کد / کپی کد / کپی کد | کپی کد | کپی کد | وضعیت‌ها. |
| کپی کد | کپی کد | — | نام فیلد. |
| کپی کد | کپی کد · کپی کد · کپی کد | کپی کد | اندازه. |
| کپی کد | کپی کد · کپی کد | کپی کد | نمایش در چاپ. |
دسترس‌پذیری
- برچسب به textarea وصل است؛ توضیح و شمارنده با کپی کد.
- شمارنده کپی کد است؛ حالت بیش از حد با آیکون و متن، نه فقط رنگ.
حرکت و چاپ
- حرکت: فقط گذار حاشیه. صدا: ندارد. چاپ: کپی کد.
توکن‌ها
- کپی کد در کپی کد؛ فهرست در کپی کد.