زر قابل للتحديد
انتقال مباشر بين الحالة العادية والنشطة.
Controls / ActiveSHAKL / COMPONENT PLAYGROUND
معرض المكونات
هنا تشاهد العناصر أمامك بشكل مرئي. جرّب الأزرار والمفاتيح والألوان والخلفيات والتأثيرات مباشرة، وقارن حالات الواجهة دون الحاجة لقراءة الكود. بعض العينات مبنية على أنماط المشروع وليست مكونات React مشغلة بالكامل.
مفتاح تبديل
تشغيل وتعطيل الخاصية مع مؤشر مرئي.
Toggleلوحة زجاجية
Blur + Transparency
Blur + Transparency
الزجاج والشفافية
معاينة لطبقات Glass المستخرجة من Artwork Check.
Glassالتدرج الأساسي
التدرجات الشعاعية
مزج البنفسجي والسماوي في سطح نظيف.
GradientGrid
شبكة المساحة
التقسيمات المستخدمة في Canvas.
GridSE
علامات المسارات
نقاط التحكم والبداية والنهاية.
MarkersDesigned with ♥
for all creative minds
توقيع الفوتر
الهوية اللونية المتحركة في التذييل الأصلي.
Footerألوان الهوية
العناصر اللونية الأساسية.
Palette45%
شريط القيمة
حرك المؤشر لتغيير القيمة الحية.
Sliderfps
الحقل الرقمي
تعديل القيمة مباشرة.
Inputاختيار النمط
جرّب الاختيار بين درجات مختلفة.
Presetالحالة المعطلة
حالة Disabled بوضوح بصري.
Disabledمختبر حالات المكونات
حالات مرئية قابلة للتجربةاختر حالة المكون لمعاينة الفرق مباشرة داخل نفس البطاقة. المعاينات توضيحية وتستخدم ألوان وأسلوب PathPilot، ولا تحل محل اختبار React الفعلي.
حالات الزر
العادي والنشط والمعطل، مع تمرير المؤشر باستخدام الماوس.
بطاقة واجهة
سطح ومحتوى
سطح ومحتوى
حالات السطح
السطح العادي والسطح المحدد والمظهر الداكن.
حالات حقل الإدخال
التحرير العادي والتركيز والتعطيل.