standard components
1.0.0
مواصفات لمكونات واجهة المستخدم الوظيفية
https://standard-components.com
مكتبات مكونات واجهة المستخدم تأتي في جميع الأشكال والأحجام. تهدف هذه المواصفات إلى وسيلة لتوحيد اتفاقيات التسمية وواجهة برمجة تطبيقات الدعائم من أجل إنشاء نظام بيئي من مكونات واجهة المستخدم القابلة للتبديل وتشجيع قدرة أكبر على إعادة استخدام الكود.
من أجل إنشاء مكتبات من مكونات واجهة المستخدم القابلة للتبديل ، يجب استخدام اتفاقية التسمية التالية. هذه القائمة محدودة عمداً ، ومن المفترض أن تكون نقطة انطلاق للمظاهرة. من المحتمل إضافة المزيد من المكونات مع مرور الوقت.
مكون المربع هو مكون تخطيط النموذج البدائي يعالج الهامش والحشو والعرض وأنماط تخطيط أخرى.
المكون المرن هو امتداد لمكون المربع مع خصائص Flexbox الخاصة.
مكون النص هو مكون مطبعي بدائي يتولى حجم الخط ، والوزن ، والخطوط ، والمحاذاة ، وغيرها من الأنماط المطبعية.
مكون العنوان هو امتداد لمكون النص المخصص للعناوين.
مكون الصورة هو مكون محتوى يعرض الصور.
الخلفية هي امتداد لمكون المربع مع الدعائم لعرض صور الخلفية.
مكون الزر هو مكون تفاعلي مع أنماط تشبه الزر.
مكون الارتباط هو مكون تفاعلي مخصص للتنقل.
الدعائم النمط هي تجريد من المستوى الأعلى على رأس CSS المخصصة للمرونة وللمساعدة في معالجة مخاوف التصميم المتعلقة بالتصميم. تعتمد الدعائم النمط إلى حد كبير على خصائص CSS ، مع الدعائم المختصرة للهامش والحشو.
تستخدم بعض المكونات ، مثل الأزرار ، متغيرات النمط لتقديم إصدارات مختلفة ، مثل أنماط الأزرار primary secondary . يجب التعامل مع المتغيرات مع دعامة variant ، مع الدعائم المنطقية المختصرة للمتغيرات primary secondary .
انظر الدعائم للمزيد.
الموضوعات هي كائنات تحدد القيم المستخدمة من قبل الدعائم النمط. يضمن الموضوعات هامشًا ثابتًا ، حشوة ، ألوان ، أحجام الخطوط ، وثوابت واجهة المستخدم الأخرى.
انظر موضوعات للمزيد.
من خلال الالتزام بهيكل نوع مكون صارم ، يمكن أن تهتم المكونات في النظام بغرض فردي وتسمح بمزيد من القابلية للتبادل عبر المكتبات.
مكونات تخطيط التحكم في عرض ، ارتفاع ، تباعد. إنهم لا يحاولون التحكم في الطباعة أو الاعتبارات الأخرى.
تهتم المكونات الطباعية بعائلات الخطوط والأحجام والأوزان والقيادة والتعقب وغيرها من الخصائص. المكونات المطبعية لا تهتم بالتخطيط.
تعرض مكونات المحتوى أشياء مثل الصور ومقاطع الفيديو والمخططات دون التأثير على التخطيط أو الطباعة أو مخاوف التصميم الأخرى.
تتطلب العناصر التفاعلية ، مثل الروابط والأزرار وعناصر النماذج ، إدخال المستخدم ولا تتعامل بشكل عام مع المخاوف المطبعية.
تتعامل مكونات الأسلوب مع أنماط واجهة المستخدم الأخرى ، مثل الحدود ، نصف القطر ، الظلال ، والتدرجات دون التأثير على التصميم أو الطباعة.
مكونات الموضع تزيل أطفالهم من تدفق المستند العادي ويجب استخدامها بشكل ضئيل.
صنع من قبل الملحق | جيثب | رخصة معهد ماساتشوستس للتكنولوجيا
