🧩 مكتبة المكوّنات — FLAG Design System

كل مكوّن مستخدم عبر التطبيق موثّق هنا منفردًا. رمادي بالكامل — الدلالة عبر الأيقونة + التسمية + سُمك الحدود، وليس اللون.

← رجوع للبداية
Buttons
Badges · Tags · Avatars
افتراضي ✓ نشط ✕ مرفوض ⚠ معلّق Tag #بيبسي أس أس أس
Alerts / Banners
بانر معلوماتي افتراضي — إشعار عام بخصوص حالة العملية.
بانر نجاح خافت — تم تنفيذ الإجراء بنجاح.
بانر تحذير حرج — الحد الأقصى شارف على الانتهاء.
Form Fields
اختر تاريخ📅
هذا الحقل مطلوب ولا يمكن أن يكون فارغًا
القاهرة ✕الجيزة ✕
حد أقصى 500 حرف.
Checkbox · Radio · Switch · OTP
عنصر تم إنجازه
عنصر غير مكتمل (اضغط للتبديل)
خيار محدد
خيار غير محدد
تفعيل الإشعارات
وضع الطيران
Cards · KPI
1,240إجمالي المنسقين
▲ +4.2% هذا الشهر
بطاقة قابلة للنقر
وصف مختصر يظهر تحت العنوان
بطاقة عاديةTag
Tabs · Accordion · Breadcrumbs
نظرة عامة
المستندات
النشاط
محتوى تبويب "نظرة عامة".
سؤال شائع أول
هذا محتوى الإجابة — اضغط على العنوان للطي/الفرد.
سؤال شائع ثانٍ
محتوى إضافي يظهر عند الفتح.
Stepper · Wizard
بيانات
2
مراجعة
3
نشر
1. البيانات
2. المراجعة
3. النشر

خطوة 1 من 3.

Data Table (Search · Filters · Bulk Actions · Pagination)
0 محدد
الحالة ▾
الاسم الحالةالمنطقة
أحمد سيدنشطالقاهرة
سارة فؤادموقوفالجيزة
Kanban Board
مسودة1
حملة الخريف
بيبسي · 0 منفذ
→ نشطة
نشطة1
حملة الصيف
يونيليفر · 340 زيارة
← مسودة→ مكتملة
مكتملة0
Calendar · Timeline
1
2
3
4
5
6
7
اليوم 09:40
تم قبول الزيارة من قِبل المراجع فادي
اليوم 09:12
تم إرسال الزيارة للمراجعة
أمس
تم قبول المهمة
Map · Chart Placeholders
🗺 خريطة تفاعلية (Placeholder)
📊رسم بياني (Placeholder)
Modal · Drawer · Bottom Sheet
تفاصيل سريعة

محتوى الـ Drawer الجانبي — يستخدم للمعاينة السريعة دون مغادرة الصفحة.

خيارات سريعة
خيار أول
خيار ثانٍ
Toast · Skeleton · Progress
تقدّم الرفع72%
Empty · Error · Permission · Offline States

لا توجد عناصر بعد

ستظهر العناصر هنا فور إضافتها.

حدث خطأ غير متوقع

تعذّر تحميل البيانات. حاول مرة أخرى.

لا تملك صلاحية الوصول

تواصل مع الأدمن الرئيسي لطلب الصلاحية.

لا يوجد اتصال بالإنترنت

سيُعاد تحميل البيانات تلقائيًا عند عودة الاتصال.

FAB — Floating Action Button

أسفل يسار الشاشة في صفحات الموبايل ذات الإجراء الأساسي المتكرر (مثال: صفحات القوائم).

+