حجم الخط الرئيسي

16px
18px
20px

شكل الكود

مظلم
فاتح
منوع

حقل إختيار Checkbox

عرض لشكل حقل إختيار Checkbox


أماكن وطريقة الإستخدام

يستخدم حقل إختيار Checkbox في كل مكان يحتاج أن تختار فيه عنصر أو أكثر على سبيل المثال إختيار أكثر من مستخدم من داخل الجدول أو إختيار أكثر من رسالة لحذفها مثلا


أسماء ال Classes وتأثيرها

إسم ال Class
تأثيره على العنصر
moj-check-container
ال Class الرئيسي للعنصر الأب الذي يحتوي على ال Checkbox + Label
moj-inline
يقوم بجعل الإختيارات في صف واحد
first-green
يقوم بتغيير لون خلفية الإختيار داخل النموذج للون الهوية الأخضر الأساسي
second-green
يقوم بتغيير لون خلفية الإختيار داخل النموذج للون الهوية الأخضر الأساسي الثاني
first-orange
يقوم بتغيير لون خلفية الإختيار داخل النموذج للون الهوية البرتقالي الأساسي
second-orange
يقوم بتغيير لون خلفية الإختيار داخل النموذج للون الهوية البرتقالي الأساسي الثاني

شكل الإختيار مع وجود Label على سطر واحد والكود الخاص بهم


شكل الإختيار مع وجود Label على أكثر من سطر والكود الخاص بهم


يجب أن يكون هناك Label بعد ال Checkbox حتى ولو كان فارغ ليعمل بشكل صحيح