منطقة نص

حقل متعدد الأسطر مبني على React Aria - نفس الغلاف والتسمية والتلميح والحالات كـ Input، بالإضافة إلى النمو التلقائي وعدّ الأحرف لصفحات الملاحظات والرسائل والإعدادات.

Markdown is supported.

التثبيت

يمكنك إضافة مكوّن منطقة النص باستخدام CLI الخاص بنا أو يدويًا:

الوضع الداكن جاهز - هذا مكوّن يتبع رموز التصميم الدلالية لـ BoardUI تلقائياً. إعداد تبديل السمة.

تنسخ CLI مصدر المكوّن (مع تبعياته الداخلية) إلى مشروعك وتثبّت أي حزم npm مطلوبة.

npx boardui@latest add textarea

هل تستخدم حزمة واجهة مستخدم مشتركة أو أسماء استيراد مختصرة مخصصة؟ تهيئة مسارات التثبيت قبل تشغيل CLI. تستخدم أمثلة النسخ واللصق الاستيرادات الافتراضية.

الأحجام

medium و small تطابق إدخالحواف الداخلية، بحيث يتراص المكوّنان في نموذج دون فراغ. rows يضبط الارتفاع في وضع الراحة.

Medium is the default, 14px type in a 8px shell.
Small tightens the horizontal inset to match a small input.

تغيير الحجم تلقائياً

autoResize يوسّع الحقل مع نصه، سطراً في كل مرة، بين rows و maxRows. يتم التمرير عند تجاوز الحد الأقصى. يُقاس الارتفاع من الصفر عند كل تغيير، لذا يتقلص الحقل عند حذف النص.

The field grows to eight lines, then scrolls.

عدد الأحرف

showCount يضع العداد في صف التلميح. مع maxLength يقرأ 12/160 والمتصفح يفرض الحد؛ بدونه يعدّ فقط.

Appears on your public profile.49/160

الحالات

يؤدي تمرير الماوس والتركيز إلى تلاشي متقاطع للحلقة. isDisabled و isInvalid تجاوز كليهما وإعادة رسم الحقل والتلميح والتسمية. resize="none" يزيل مقبض السحب الأصلي عندما يكون الارتفاع الثابت أهم من راحة القارئ.

This is a hint about this field.
This is a hint about this field.
This is a hint about this field.
Please write at least 200 characters.