مكونات React بلا واجهة جاهزة أو أنماط محددة، لبناء واجهات سهلة الوصول وقابلة للتخصيص بدرجة عالية، مع تحكم كامل في الأنماط.
- نجوم GitHub
- 5.2K
- تاريخ التحديث
- Aug 17, 2025
- الترخيص
- MIT License
Vaul
مكوّن درج بلا تنسيقات مخصص للتكامل السلس مع تطبيقات React، وتحسين تفاعل المستخدم على الأجهزة المحمولة.
Vaul مكوّن درج بلا تنسيق مسبق، صُمم خصيصًا لتطبيقات React. وهو بديل لمربعات الحوار، ومحسّن للاستخدام على الأجهزة اللوحية والهواتف المحمولة. صُمم المكوّن بمرونة تتيح للمطورين تخصيص سلوك الدرج ومظهره في تطبيقاتهم.
من أبرز ميزاته إمكانية تكبير الخلفية عند فتح الدرج، ما يوفر تجربة أكثر غمرًا للمستخدمين. ويمكن التحكم بالدرج برمجيًا، ما يتيح للمطورين إدارة حالة فتحه باستخدام إدارة الحالة في React.
توفر Vaul واجهة API مباشرة للتكامل، مع مكونات محددة بوضوح مثل Drawer.Root وDrawer.Trigger وDrawer.Content وDrawer.Overlay، ما يتيح بنية منظمة عند دمجها في التطبيقات. وتدعم المكتبة وظائف متنوعة، مثل نقاط التثبيت لتحسين تفاعل المستخدم، وإمكانية تخصيص حاوية الدرج، وخيارات منع إغلاقه بالنقر.
هذا المكوّن مثالي للمطورين الراغبين في إضافة درج متجاوب وملائم للأجهزة المحمولة، دون التقيد بمكونات منسقة مسبقًا قد تتعارض مع نظام التصميم في تطبيقاتهم.
للاطلاع على أمثلة شاملة لاستخدامه، يمكن للمستخدمين استكشاف مجموعة من العروض التفاعلية على CodeSandbox، التي تعرض ميزات المكوّن المختلفة، مثل عناصر التحكم بالتمرير ونقاط التثبيت المخصصة.
الميزات
- مكوّن درج بلا تنسيقات
- محسّن للهواتف والأجهزة اللوحية
- تكبير الخلفية
- نقاط تثبيت قابلة للتخصيص
- التحكم برمجيًا في حالة الفتح
- يدعم الأدراج المتداخلة
- مرونة في تحديد موضع المحتوى
- بوابة مخصصة للعرض
عناصر ذات صلة
مجموعة غنية من مكوّنات UI مفتوحة المصدر، مصممة لبناء تطبيقات Vue.js بسلاسة وكفاءة.
- نجوم GitHub
- 11.0K
- تاريخ التحديث
- Dec 6, 2024
- الترخيص
- MIT License
عناصر React أساسية غير منسقة، سهلة الوصول ومفتوحة المصدر، لإنشاء تطبيقات ويب عالية الجودة وأنظمة تصميم.
- نجوم GitHub
- 16.0K
- تاريخ التحديث
- Dec 6, 2024
- الترخيص
- MIT License
يتيح حل UI مفتوح المصدر إنشاء أنظمة تصميم متطورة باستخدام مكونات قابلة للتخصيص والتكييف مع أنماط بصرية ومعايير إتاحة متنوعة.
- نجوم GitHub
- 3.9K
- تاريخ التحديث
- Dec 6, 2024
- الترخيص
- MIT License
أنشئ تطبيقات ويب سهلة الوصول بسرعة وكفاءة باستخدام مجموعة متينة من المكونات الأساسية سهلة الاستخدام والقابلة للتخصيص بدرجة عالية.
- نجوم GitHub
- 38.1K
- تاريخ التحديث
- Dec 6, 2024
- الترخيص
- MIT License
يوفر هذا المكون حلًا شاملًا لقوائم الأوامر في React، مع التركيز على تجربة المستخدم ومرونة المطور.
- نجوم GitHub
- 10.0K
- تاريخ التحديث
- Dec 6, 2024
- الترخيص
- MIT License
مشروع يساعد على إنشاء مواقع التوثيق بسهولة، مع التركيز على المحتوى وسهولة الاستخدام.
- نجوم GitHub
- 57.0K
- تاريخ التحديث
- Dec 6, 2024
- الترخيص
- MIT License
مجموعة متعددة الاستخدامات من المكونات المصممة بعناية، لتعزيز مشاريع الويب وتبسيط عملية التصميم.