المجموعات الكبيرة

import"@truvar-ai/design-system"

المجموعات الكبيرة

قوائم وشبكات ولوحات تبقى سريعة مع آلاف العناصر. يعرض Virtualizer من React Aria ما يظهر على الشاشة فقط، بينما يبقى التنقل بلوحة المفاتيح والتحديد وقارئات الشاشة يعمل على المجموعة كلها.

قائمة افتراضية

مبني على Virtualizer + ListLayout + ListBox

١٠٬٠٠٠ جهة اتصال. اكتب حرفًا للانتقال، والضغط مع Shift يحدد نطاقًا.

تخطيط شبكي

مبني على Virtualizer + GridLayout + ListBox

٢٬٠٠٠ بطاقة في أعمدة متجاوبة. مفاتيح الأسهم تتحرك في اتجاهين.

تخطيط متدرج

مبني على Virtualizer + WaterfallLayout + ListBox

بطاقات بارتفاعات مختلفة مرتبة في أعمدة، مثل لوحة ملاحظات المكالمات.