رأس الصفحة (PageHeader)
تعرض كتلة رأس الصفحة (PageHeader) عنوان الصفحة ووصفها ومسار التنقّل (breadcrumb) وأزرار الإجراءات.
التثبيت
bash
npx @smicolon/cli add page-headerقبل إضافة أي مكوّن، شغّل الأمر init مرة واحدة في مشروعك. التفاصيل في صفحة التثبيت.
معاينة
الطلبات
تابع طلبات متجرك وأدِرها
مع أزرار الإجراءات
المنتجات
أضف منتجاتك وعدّلها وسعّرها
مع مسار التنقّل (breadcrumb)
الإعدادات
الخصائص (props)
| الخاصية | النوع | الافتراضي | الوصف |
|---|---|---|---|
title | string | لا يوجد | عنوان الصفحة. |
description | string | لا يوجد | نص تحت العنوان. |
actions | ReactNode | لا يوجد | عناصر تحكم في نهاية الرأس. |
breadcrumb | ReactNode | لا يوجد | مسار التنقّل فوق العنوان. |
breadcrumbLabel | string | "Breadcrumb" | اسم منطقة مسار التنقّل (breadcrumb) لقارئ الشاشة. |
bordered | boolean | true | يُظهر الحد السفلي. |
headingLevel | 1 | 2 | 3 | 1 | مستوى عنوان الصفحة. |
className | string | لا يوجد | أصناف (class) إضافية للمكوّن. |