Vaul

Vaul مكوّن درج بلا تنسيق مسبق، صُمم خصيصًا لتطبيقات React. وهو بديل لمربعات الحوار، ومحسّن للاستخدام على الأجهزة اللوحية والهواتف المحمولة. صُمم المكوّن بمرونة تتيح للمطورين تخصيص سلوك الدرج ومظهره في تطبيقاتهم.

من أبرز ميزاته إمكانية تكبير الخلفية عند فتح الدرج، ما يوفر تجربة أكثر غمرًا للمستخدمين. ويمكن التحكم بالدرج برمجيًا، ما يتيح للمطورين إدارة حالة فتحه باستخدام إدارة الحالة في React.

توفر Vaul واجهة API مباشرة للتكامل، مع مكونات محددة بوضوح مثل Drawer.Root وDrawer.Trigger وDrawer.Content وDrawer.Overlay، ما يتيح بنية منظمة عند دمجها في التطبيقات. وتدعم المكتبة وظائف متنوعة، مثل نقاط التثبيت لتحسين تفاعل المستخدم، وإمكانية تخصيص حاوية الدرج، وخيارات منع إغلاقه بالنقر.

هذا المكوّن مثالي للمطورين الراغبين في إضافة درج متجاوب وملائم للأجهزة المحمولة، دون التقيد بمكونات منسقة مسبقًا قد تتعارض مع نظام التصميم في تطبيقاتهم.

للاطلاع على أمثلة شاملة لاستخدامه، يمكن للمستخدمين استكشاف مجموعة من العروض التفاعلية على CodeSandbox، التي تعرض ميزات المكوّن المختلفة، مثل عناصر التحكم بالتمرير ونقاط التثبيت المخصصة.