انتقل إلى المحتوى

⌘K هو مكون متعدد الاستخدامات لقوائم الأوامر، مصمم لتطبيقات React. يعيد تصور الأسلوب التقليدي لعرض القوائم التفاعلية من خلال واجهة API قابلة للتركيب، تتيح للمطورين تضمين العناصر بسلاسة داخل مكونات أخرى أو JSX. ويراعي سهولة الوصول، ما يسمح باستخدامه أيضًا كمربع اختيار متقدم يلبي احتياجات مستخدمين متنوعة.

يتولى المكون تلقائيًا تصفية العناصر وترتيبها، ما يوفر تجربة استخدام سلسة. كما يدعم اختصارات لوحة المفاتيح، مثل ⌘K لفتح القائمة أو إغلاقها، ويتكامل جيدًا مع مسارات العمل السريعة. ويُنسق المكون باستخدام سمات البيانات، ما يتيح تخصيصه بسهولة مع الحفاظ على مظهر افتراضي بسيط بلا تنسيق.

بفضل ميزاته المتقدمة، مثل بنى القوائم المتداخلة والتحميل غير المتزامن والقدرة على إدارة أعداد كبيرة من العناصر بكفاءة، يتكيف المكون مع مجموعة واسعة من التطبيقات، من المشاريع البسيطة إلى قوائم الأوامر الأكثر تعقيدًا مثل قائمة Vercel. كما يتبنى فلسفة تصميم حديثة، ويضمن التوافق مع React 18 لتعزيز الأداء والموثوقية.

الميزات

  • واجهة API قابلة للتركيب
  • وظائف مربع اختيار سهلة الوصول
  • تصفية العناصر وترتيبها تلقائيًا
  • تخصيص التنسيق عبر سمات البيانات
  • دعم اختصارات لوحة المفاتيح
  • إمكانية التعامل مع العناصر والمجموعات المتداخلة
  • تحميل العناصر بشكل غير متزامن
  • أداء محسّن للقوائم الكبيرة حتى 3000 عنصر
  • بلا تنسيق افتراضيًا لإتاحة تخصيص التنسيق

عناصر ذات صلة

ChakraUI

أنشئ تطبيقات ويب سهلة الوصول بسرعة وكفاءة باستخدام مجموعة متينة من المكونات الأساسية سهلة الاستخدام والقابلة للتخصيص بدرجة عالية.

MaterialUI

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

Radix Primitives

عناصر React أساسية غير منسقة، سهلة الوصول ومفتوحة المصدر، لإنشاء تطبيقات ويب عالية الجودة وأنظمة تصميم.

Skeleton

مجموعة أدوات متكيفة ومتاحة للجميع تعزز تطوير تطبيقات الويب الحديثة.

ArkUI

يتيح حل UI مفتوح المصدر إنشاء أنظمة تصميم متطورة باستخدام مكونات قابلة للتخصيص والتكييف مع أنماط بصرية ومعايير إتاحة متنوعة.

daisyUI

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

HeadlessUI

مجموعة من مكوّنات UI التي تراعي إمكانية الوصول، ومصممة لتتكامل بسهولة مع أنظمة التصميم الحديثة.

MagicUI

مجموعة متعددة الاستخدامات من المكونات المصممة بعناية، لتعزيز مشاريع الويب وتبسيط عملية التصميم.