حالة فارغة (EmptyState)

تعرض كتلة حالة فارغة (EmptyState) رسالة تناسب السياق حين لا يوجد محتوى، مع أيقونة وعنوان ووصف وإجراء.

التثبيت

bash
npx @smicolon/cli add empty-state

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

معاينة

لا توجد منتجات بعد

ابدأ بإضافة منتجك الأول.

نتائج البحث

لا توجد نتائج

لم نعثر على نتائج لـ «قميص كتان». جرّب كلمة بحث أخرى.

بيانات فارغة

لا توجد طلبات بعد

ابدأ بإنشاء طلبك الأول.

الأحجام

لا توجد منتجات بعد

لا توجد منتجات بعد

لا توجد منتجات بعد

الخصائص (props)

الخاصيةالنوعالافتراضيالوصف
iconReactNodeلا يوجدأيقونة فوق العنوان.
titlestringلا يوجدالعنوان الرئيسي.
descriptionstringلا يوجدنص تحت العنوان.
actionReactNodeلا يوجدالإجراء الأساسي.
secondaryActionReactNodeلا يوجدإجراء ثانوي.
size"sm" | "default" | "lg""default"حجم الحالة الفارغة.
classNamestringلا يوجدأصناف (class) إضافية للمكوّن.