التوافق

كل مكون، مطابق لكود المنصات.

كل مكون في @dev-dga مطابق لصفحته الرسمية في كود منصات هيئة الحكومة الرقمية، مع حالته، لتتحقق من المطابقة بنفسك.

ما تؤكده هذه الصفحة، وما لا تؤكده.

تشمل الصفحة مكونات كود المنصات فقط، وتتابع التغطية: هل يملك كل مكون الأجزاء والتنويعات والحالات نفسها الموجودة في المكون الرسمي. ولا تدعي الصفحة تطابقاً دقيقاً في القيم (البكسل واللون والرموز)، لأن هذا فحص منفصل ما زال جارياً. والمكونات التي ليس لها صفحة رسمية مذكورة كإضافات، ولا ندعي توافقها مع الهيئة.

48
مكون مطابق
49
صفحة رسمية مغطاة
16
إضافة للمكتبة

المفتاح

  • مطابقيطابق أجزاء المكون الرسمي وتنويعاته وحالاته.
  • جزئيمغطى، مع بعض الفجوات.
  • إضافةمكون خاص بنا. لا صفحة رسمية له، ولا ندعي توافقه مع الهيئة.

الأزرار

صفحة كود المنصاتمكون dev-dgaالحالة
ButtonsButtonمطابق
Floating buttonFloatingButtonمطابق
LinkLinkمطابق
Content switcherContentSwitcherمطابق

الإدخال · نصوص

صفحة كود المنصاتمكون dev-dgaالحالة
Text inputTextInputمطابق
TextareaTextareaمطابق
Number inputNumberInputمطابق
Search boxSearchBoxمطابق
File uploadFileUploadمطابق

الإدخال · اختيار

صفحة كود المنصاتمكون dev-dgaالحالة
CheckboxCheckboxمطابق
RadioRadioمطابق
SwitchSwitchمطابق
Dropdown inputDropdownمطابق
SliderSliderمطابق
RatingRatingمطابق
Date pickerDatePickerمطابق
Date picker (range)DateRangePickerمطابق

التنبيهات والحالة

صفحة كود المنصاتمكون dev-dgaالحالة
Inline alertInlineAlertمطابق
NotificationNotificationمطابق
Notification toastNotificationToastمطابق
ChipChipمطابق
TagsTagمطابق
Status tagStatusTagمطابق
Progress barProgress · CircularProgressمطابق
Radial stepperCircularProgress (segments)جزئي
Progress indicatorProgressIndicatorمطابق
LoadingSpinnerمطابق
SkeletonSkeletonمطابق
TooltipTooltip · HelpIconمطابق

عرض البيانات

صفحة كود المنصاتمكون dev-dgaالحالة
AccordionsAccordionمطابق
TableTableمطابق
ListListمطابق
Structured listStructuredListمطابق
MetricMetricمطابق
AvatarAvatarمطابق
QuoteQuoteمطابق
CardCardمطابق
ChartsPieChart · LineChart · BarChartمطابق
CarouselCarouselمطابق
Code snippetCodeSnippetمطابق
Digital stampDigitalStampمطابق

الطبقات المنبثقة

صفحة كود المنصاتمكون dev-dgaالحالة
ModalsModalمطابق

التخطيط والأدوات

صفحة كود المنصاتمكون dev-dgaالحالة
DividerDividerمطابق

نوعان من المطابقة

التغطية

الأجزاء والتنويعات والحالات نفسها الموجودة في المكون الرسمي. هذا ما تتابعه هذه الصفحة.

القيم الدقيقة

قياسات البكسل واللون والرموز مقابل الملف الرسمي. فحص منفصل ما زال جارياً.

الإضافات

مكونات نضيفها خارج المواصفة الرسمية. ليس لها صفحة رسمية في كود المنصات، لذا لا ندعي توافقها مع الهيئة.

dev-dga مكتبة مستقلة تطور خارج هيئة الحكومة الرقمية. وهي غير تابعة للهيئة السعودية ولا معتمدة منها.

شاهد المكونات تعمل مباشرة.