مسار التنقل

مسار الأسلاف من رأس لوحة التحكم. تتغامق العناصر التفاعلية عند التمرير فوقها مع حبة خلفية ناعمة؛ الصفحة الحالية غير تفاعلية. تقبل العناصر أيقونات بادئة أو صور رمزية.

التثبيت

يمكنك إضافة مكوّن مسار التنقل هذا باستخدام CLI الخاص بنا أو يدويًا:

الوضع الداكن جاهز - هذا مكوّن يتبع رموز التصميم الدلالية لـ BoardUI تلقائياً. إعداد تبديل السمة.

تنسخ CLI مصدر المكوّن (مع تبعياته الداخلية) إلى مشروعك وتثبّت أي حزم npm مطلوبة.

npx boardui@latest add breadcrumb

هل تستخدم حزمة واجهة مستخدم مشتركة أو أسماء استيراد مختصرة مخصصة؟ تهيئة مسارات التثبيت قبل تشغيل CLI. تستخدم أمثلة النسخ واللصق الاستيرادات الافتراضية.

مع الصور الرمزية

تقبل العناصر محتوى بادئاً اعتباطياً - مرر xs الصورة الرمزية لمسارات الفريق/المستخدم، أو أيقونة مرجع المكوّن للرموز.

{/* Items take arbitrary leading content - avatars, icons, dots */}<Breadcrumb aria-label="Team"> <BreadcrumbItem href="#"> <Avatar size="xs" color="blue" initials="B" /> Board team </BreadcrumbItem> <BreadcrumbItem current icon={RiHomeLine}>Home</BreadcrumbItem></Breadcrumb>