المكونات

يضم نظام تصميم الخدمات الحكومية لسلطنة عمان مجموعة متكاملة من المكونات القابلة للتخصيص بدرجة عالية لبناء المواقع الإلكترونية وواجهات الاستخدام. وقد جرى تصميم هذه المكونات بأنماط جاهزة واختبارها وفقاً لإرشادات إمكانية الوصول (WCAG 2.2).  

image-0
الأكورديون (Accordion)

image-1
الأفتار (Avatar)

image-2
البادج تشِب (Badge chip)

image-3
الشارة (Badge)

image-4
البانر (Banner)

image-5
مسار التصفح (Breadcrumbs)

image-6
الزر

image-7
النص التوضيحي (Callout)

image-8
مربع الاختيار (Checkbox)

image-9
صفحة البيانات (Data Sheet)

image-10
التفاصيل (details)

image-11
مربع حوار

image-12
الفاصل (Divider)

image-13
القائمة المنسدلة (dropdown)

image-14
عنصر الملف (File item)

image-15
رفع الملفات

image-16
شريحة الفلتر (Filter Chip)

image-17
العلم

image-18
قسم الاستمارات

image-19
التلميح

image-20
الأيقونة

image-21
حقل الإدخال

image-22
الصورة

image-23
عنصر مع تسمية

image-24
زر الاختيار الأحادي

image-25
نص منسّق

image-26
نص لقارئات الشاشة

image-27
البحث

image-28
مؤشر التحميل

image-29
مكون الخطوات

image-30
الجدول (Table)

image-31
التبويبات (Tabs)

image-32
رسالة الإشعار المؤقتة (Toast)

image-33
تلميحات الأدوات (Tooltip)

image-34
مكون المسار (Track)

image-35
منطقة النص (Textarea)

image-36
مفتاح التبديل (Toggle)

image-37
معالج الخطوات

image-38
ترقيم الصفحات

image-39
لوحة منبثقة (Flyout)

image-40
حاوية شريحة الفلاتر (Filter chip wrapper)