مكونات جديدة. هذه المرة هي الأشياء المملة. الأشياء التي نعيد بناءها مرارا وتكرارا. مصنوعة في مكونات. مجموعة الأزرار ، الحقل ، مجموعة الإدخال ، الحالات الفارغة ، العنصر. إنهم يؤلفون بشكل جميل ويتعاملون مع الأنماط الشائعة التي نصل إليها كل يوم. لنلقي نظرة ⬇️

لنبدأ ب Button Group. مطلوب بشدة. مثالي لمجموعات العمل وأزرار الانقسام والمزيد. يعمل أفقيا وعموديا ويمكنك حتى تداخلها.

تتيح لك مجموعة الإدخال إضافة أيقونات وأزرار ونصوص ، كما تعلمون ، كل تلك الأجزاء الصغيرة التي تحتاجها دائما حول مدخلاتك. يدعم المحاذاة المضمنة والكتلة. يعمل مع الإدخال ومنطقة النص.

تقديم الحقل ، وهو مكون لبناء أشكال معقدة حقا. استغرق الأمر مني وقتا طويلا للحصول عليه بشكل صحيح ولكني جعلته يعمل مع جميع مكتبات النماذج الخاصة بك: إجراءات الخادم ، ونموذج خطاف رد الفعل ، ونموذج TanStack ... ويجعل من السهل جدا إنشاء مربعات اختيار وأجهزة راديو أنيقة.

الدول الفارغة. العنوان والوصف والأزرار. يمكنك استخدامه مع الصور الرمزية ومجموعات الإدخال.

مجموعة العناصر والعناصر. هذه حاوية مرنة يمكن أن تستوعب أي نوع من المحتوى تقريبا. بسيط ولكني قمت ببناء هذا مرات عديدة لدرجة أنني قررت إنشاء مكون له. يمكنك تجميعها وتحويلها إلى روابط وإضافة رؤوس وتذييلات.

هذا هو. إليك رابط GitHub. تحقق من سجل التغيير على الموقع للحصول على أمثلة (هناك الكثير منها) والوثائق.

تم إنشاء معظم المكونات للعمل مع أي مكتبات مكونات. يمكنك بسهولة تحرير سطر أو سطرين وجعلهما يعملان مع @base_ui أو React Aria.