شريط جانبي (Sidebar)
تعرض كتلة شريط جانبي (Sidebar) تنقّلًا جانبيًا قابلًا للطي في تخطيطات التطبيقات.
التثبيت
bash
npx @smicolon/cli add sidebarقبل إضافة أي مكوّن، شغّل الأمر init مرة واحدة في مشروعك. التفاصيل في صفحة التثبيت.
معاينة
المكوّنات
Sidebar: الحاوية الرئيسيةSidebarHeader: قسم الرأسSidebarContent: منطقة المحتوى القابلة للتمريرSidebarFooter: قسم التذييلSidebarGroup: عناصر مجمّعة مع تسميةSidebarItem: عنصر تنقّل مع أيقونةSidebarCollapseButton: زر الطيّ والتوسيع
الخصائص (props)
| الخاصية | النوع | الافتراضي | الوصف |
|---|---|---|---|
collapsed | boolean | false | يطوي الشريط فتظهر الأيقونات وحدها. |
onCollapsedChange | (collapsed) => void | لا يوجد | تُستدعى عند الطيّ أو التوسيع. |
width | "sm" | "default" | "lg" | "default" | العرض عند التوسيع. |
children | ReactNode | لا يوجد | أجزاء الشريط الجانبي. |
className | string | لا يوجد | أصناف (class) إضافية للمكوّن. |