التصميم والواجهة·مبتدئ

حالات فارغة مقنعة

بديل عن الشاشات الفارغة يشجّع أوّل إجراء.

نصّ البرومبت
لكل قائمة قد تكون فارغة في التطبيق:
- أنشئ مكوّن EmptyState موحّد: أيقونة، عنوان قصير، سطر توضيحي، زر إجراء رئيسي.
- اجعله يقبل props: icon, title, description, actionLabel, onAction.
- استخدم نبرة عربية ودودة موجّهة نحو الفعل، لا تفسيرية.
وسوم
UXحالات
كيف تخصّصه لفكرتك؟
  • استبدل أسماء العناصر والألوان بما يناسب هوية منتجك.
  • أضف قيوداً واضحة (مثل: بدون خلفيات متدرّجة، استخدم توكنز styles.css).
  • بعد التنفيذ، راجع النتيجة على الجوال والسطح المكتبي.
محتوى مرتبط
عودة إلى مكتبة البرومبتات
انضم لمجتمع واتساب