رأس الصفحة (PageHeader)

تعرض كتلة رأس الصفحة (PageHeader) عنوان الصفحة ووصفها ومسار التنقّل (breadcrumb) وأزرار الإجراءات.

التثبيت

bash
npx @smicolon/cli add page-header

قبل إضافة أي مكوّن، شغّل الأمر init مرة واحدة في مشروعك. التفاصيل في صفحة التثبيت.

معاينة

الطلبات

تابع طلبات متجرك وأدِرها

مع أزرار الإجراءات

المنتجات

أضف منتجاتك وعدّلها وسعّرها

مع مسار التنقّل (breadcrumb)

الإعدادات

الخصائص (props)

الخاصيةالنوعالافتراضيالوصف
titlestringلا يوجدعنوان الصفحة.
descriptionstringلا يوجدنص تحت العنوان.
actionsReactNodeلا يوجدعناصر تحكم في نهاية الرأس.
breadcrumbReactNodeلا يوجدمسار التنقّل فوق العنوان.
breadcrumbLabelstring"Breadcrumb"اسم منطقة مسار التنقّل (breadcrumb) لقارئ الشاشة.
borderedbooleantrueيُظهر الحد السفلي.
headingLevel1 | 2 | 31مستوى عنوان الصفحة.
classNamestringلا يوجدأصناف (class) إضافية للمكوّن.