شريط التنقّل (Navbar)
تعرض كتلة شريط التنقّل (Navbar) شريط تنقّل متجاوبًا، مع قائمة للجوّال.
التثبيت
bash
npx @smicolon/cli add navbarقبل إضافة أي مكوّن، شغّل الأمر init مرة واحدة في مشروعك. التفاصيل في صفحة التثبيت.
معاينة
المكوّنات
Navbar: الحاوية الرئيسيةNavbarBrand: منطقة الشعارNavbarContent: أقسام المحتوىNavbarMenu: قائمة التنقّلNavbarLink: روابط التنقّلNavbarItem: عناصر عامة في الشريطNavbarToggle: زر قائمة الجوّال
الخصائص (props)
| الخاصية | النوع | الافتراضي | الوصف |
|---|---|---|---|
sticky | boolean | true | يثبّت الشريط في الأعلى عند التمرير. |
bordered | boolean | true | يُظهر الحد السفلي. |
children | ReactNode | لا يوجد | أجزاء شريط التنقّل. |
NavbarContent | { align: "start" | "center" | "end" } | لا يوجد | قسم محاذى إلى البداية أو الوسط أو النهاية. |
className | string | لا يوجد | أصناف (class) إضافية للمكوّن. |