إدخال
حقل نص مُعنوَن مبني على React Aria - زخارف أمامية وخلفية، نص تلميح، وحالات مطلوب/غير صالح مع حلقة تركيز متلاشية.
التثبيت
يمكنك إضافة مكوّن حقل الإدخال هذا باستخدام CLI الخاص بنا أو يدويًا:
الوضع الداكن جاهز - هذا مكوّن يتبع رموز التصميم الدلالية لـ BoardUI تلقائياً. إعداد تبديل السمة.
تنسخ CLI مصدر المكوّن (مع تبعياته الداخلية) إلى مشروعك وتثبّت أي حزم npm مطلوبة.
npx boardui@latest add inputهل تستخدم حزمة واجهة مستخدم مشتركة أو أسماء استيراد مختصرة مخصصة؟ تهيئة مسارات التثبيت قبل تشغيل CLI. تستخدم أمثلة النسخ واللصق الاستيرادات الافتراضية.
الأحجام
الحالات
رسالة الخطأ
يحلّ errorMessage محل التلميح ما دام الحقل غير صالح، في خانة الخطأ في React Aria، فيصبح وصفًا مرتبطًا بالحقل. ومع isRequired وحده، يتحقق React Aria تحققًا أصليًا عند الإرسال: يوقف النموذج، ويعلّم الحقل بأنه غير صالح وينقل التركيز إليه، ويمنع ظهور فقاعة المتصفح، فتكون هذه الرسالة هي ما يراه الناس. ومع validationBehavior="aria"، لا يتوقف الإرسال، ولا يصبح الحقل غير صالح إلا عندما تمرّر isInvalid أو يُرجع validate خطأً.