حالة فارغة (EmptyState)
تعرض كتلة حالة فارغة (EmptyState) رسالة تناسب السياق حين لا يوجد محتوى، مع أيقونة وعنوان ووصف وإجراء.
التثبيت
bash
npx @smicolon/cli add empty-stateقبل إضافة أي مكوّن، شغّل الأمر init مرة واحدة في مشروعك. التفاصيل في صفحة التثبيت.
معاينة
لا توجد منتجات بعد
ابدأ بإضافة منتجك الأول.
نتائج البحث
لا توجد نتائج
لم نعثر على نتائج لـ «قميص كتان». جرّب كلمة بحث أخرى.
بيانات فارغة
لا توجد طلبات بعد
ابدأ بإنشاء طلبك الأول.
الأحجام
لا توجد منتجات بعد
لا توجد منتجات بعد
لا توجد منتجات بعد
الخصائص (props)
| الخاصية | النوع | الافتراضي | الوصف |
|---|---|---|---|
icon | ReactNode | لا يوجد | أيقونة فوق العنوان. |
title | string | لا يوجد | العنوان الرئيسي. |
description | string | لا يوجد | نص تحت العنوان. |
action | ReactNode | لا يوجد | الإجراء الأساسي. |
secondaryAction | ReactNode | لا يوجد | إجراء ثانوي. |
size | "sm" | "default" | "lg" | "default" | حجم الحالة الفارغة. |
className | string | لا يوجد | أصناف (class) إضافية للمكوّن. |