التوافق
كل مكون، مطابق لكود المنصات.
كل مكون في @dev-dga مطابق لصفحته الرسمية في كود منصات هيئة الحكومة الرقمية، مع حالته، لتتحقق من المطابقة بنفسك.
ما تؤكده هذه الصفحة، وما لا تؤكده.
تشمل الصفحة مكونات كود المنصات فقط، وتتابع التغطية: هل يملك كل مكون الأجزاء والتنويعات والحالات نفسها الموجودة في المكون الرسمي. ولا تدعي الصفحة تطابقاً دقيقاً في القيم (البكسل واللون والرموز)، لأن هذا فحص منفصل ما زال جارياً. والمكونات التي ليس لها صفحة رسمية مذكورة كإضافات، ولا ندعي توافقها مع الهيئة.
- 48
- مكون مطابق
- 49
- صفحة رسمية مغطاة
- 16
- إضافة للمكتبة
المفتاح
- مطابقيطابق أجزاء المكون الرسمي وتنويعاته وحالاته.
- جزئيمغطى، مع بعض الفجوات.
- إضافةمكون خاص بنا. لا صفحة رسمية له، ولا ندعي توافقه مع الهيئة.
الأزرار
| صفحة كود المنصات | مكون dev-dga | الحالة |
|---|---|---|
| Buttons | Button | مطابق |
| Floating button | FloatingButton | مطابق |
| Link | Link | مطابق |
| Content switcher | ContentSwitcher | مطابق |
الإدخال · نصوص
| صفحة كود المنصات | مكون dev-dga | الحالة |
|---|---|---|
| Text input | TextInput | مطابق |
| Textarea | Textarea | مطابق |
| Number input | NumberInput | مطابق |
| Search box | SearchBox | مطابق |
| File upload | FileUpload | مطابق |
الإدخال · اختيار
| صفحة كود المنصات | مكون dev-dga | الحالة |
|---|---|---|
| Checkbox | Checkbox | مطابق |
| Radio | Radio | مطابق |
| Switch | Switch | مطابق |
| Dropdown input | Dropdown | مطابق |
| Slider | Slider | مطابق |
| Rating | Rating | مطابق |
| Date picker | DatePicker | مطابق |
| Date picker (range) | DateRangePicker | مطابق |
التنبيهات والحالة
| صفحة كود المنصات | مكون dev-dga | الحالة |
|---|---|---|
| Inline alert | InlineAlert | مطابق |
| Notification | Notification | مطابق |
| Notification toast | NotificationToast | مطابق |
| Chip | Chip | مطابق |
| Tags | Tag | مطابق |
| Status tag | StatusTag | مطابق |
| Progress bar | Progress · CircularProgress | مطابق |
| Radial stepper | CircularProgress (segments) | جزئي |
| Progress indicator | ProgressIndicator | مطابق |
| Loading | Spinner | مطابق |
| Skeleton | Skeleton | مطابق |
| Tooltip | Tooltip · HelpIcon | مطابق |
عرض البيانات
| صفحة كود المنصات | مكون dev-dga | الحالة |
|---|---|---|
| Accordions | Accordion | مطابق |
| Table | Table | مطابق |
| List | List | مطابق |
| Structured list | StructuredList | مطابق |
| Metric | Metric | مطابق |
| Avatar | Avatar | مطابق |
| Quote | Quote | مطابق |
| Card | Card | مطابق |
| Charts | PieChart · LineChart · BarChart | مطابق |
| Carousel | Carousel | مطابق |
| Code snippet | CodeSnippet | مطابق |
| Digital stamp | DigitalStamp | مطابق |
الطبقات المنبثقة
| صفحة كود المنصات | مكون dev-dga | الحالة |
|---|---|---|
| Modals | Modal | مطابق |
التخطيط والأدوات
| صفحة كود المنصات | مكون dev-dga | الحالة |
|---|---|---|
| Divider | Divider | مطابق |
نوعان من المطابقة
الأجزاء والتنويعات والحالات نفسها الموجودة في المكون الرسمي. هذا ما تتابعه هذه الصفحة.
قياسات البكسل واللون والرموز مقابل الملف الرسمي. فحص منفصل ما زال جارياً.
الإضافات
مكونات نضيفها خارج المواصفة الرسمية. ليس لها صفحة رسمية في كود المنصات، لذا لا ندعي توافقها مع الهيئة.
dev-dga مكتبة مستقلة تطور خارج هيئة الحكومة الرقمية. وهي غير تابعة للهيئة السعودية ولا معتمدة منها.
شاهد المكونات تعمل مباشرة.