Analiza — Component System
כל הקומפוננטות של המערכת העיצובית. שם הקלאס מעל כל שורה.
כפתורים — פולס
btn-pulse-green / btn-pulse-purple
כפתורים — קו תחתון גרדיאנט
btn-underline / btn-underline-light
כפתורים — סלייד + שימר
btn-slide-shimmer / btn-slide-shimmer-accent
באלמנטור: הוסף אייקון לכפתור + קלאס. האייקון מוסתר ונחשף בהובר.
כפתורים — שימר בלבד
btn-shimmer-purple / btn-shimmer-accent
כפתורים — מילוי מלמטה
btn-fill-purple / btn-fill-accent
כפתורים — רך
btn-soft-purple / btn-soft-accent
כרטיסים
card-purple-border / card-accent-bottom / card-gradient-bar
הכרטיסים ללא צל ברירת מחדל. להוסיף צל: קלאס נוסף elev-1 עד elev-5.
פס תחתון
גרדיאנט גדל בהובר
רקעים — סטטיים
bg-white / bg-surface / bg-primary-light / bg-accent-light / bg-grad-lavender / bg-grad-ghost / bg-grad-dual
רקעים — כהים
bg-dark / bg-grad-royal
רקעים — אפקטים
bg-royal-orbs-hex / bg-royal-orbs / bg-royal-hex / bg-royal-noise / bg-dark-orbs-hex / bg-dark-hex-noise / bg-aurora-orbs-noise
דיוויידר — גרדיאנט זז
adiv-gradient
ווידג׳ט Spacer עם height:2px + קלאס adiv-gradient.
באדג׳ים
badge-purple / badge-accent / badge-soft-purple / badge-soft-accent / badge-outline-purple / badge-outline-accent / badge-neon-green / badge-neon-purple
סגול מלא
ירוק מלא
סגול רך
ירוק רך
outline סגול
outline ירוק
ניאון ירוק
ניאון סגול
סגול כהה
ירוק כהה
outline כהה
ניאון ירוק
ניאון סגול
תגיות + סטטוס + אוברליין
tag-purple / tag-accent / tag-surface / tag-dark / status-active / status-pending / status-error / status-info / overline-purple / overline-accent
סייברDevOps200 שעותערב
פעילממתיןשגיאהבתהליך
הקורסים שלנוהבוגרים שלנו
גרדיאנט לכותרות
grad-purple-green / grad-green
פיל מהבהב
pill-pulse-green / pill-pulse-purple
שים קלאס על ווידג׳ט כותרת עם רקע וסטרוק.
פיל ירוק מהבהב
פיל סגול מהבהב
מערכת Elevation (צללים)
elev-0 / elev-1 / elev-2 / elev-3 / elev-4 / elev-5
קלאס אחד על כל קונטיינר. אפשר לשלב עם קלאסים אחרים: card-purple-border elev-3.
טיפוגרפיה — קלאסים גלובליים
t-h1 / t-h2 / t-h3 / t-h4 / t-h5 / t-h6 / t-body-lg / t-body / t-body-sm / t-caption / t-button-lg / t-button-sm
כל קלאס שואב מהטיפוגרפיה הגלובלית של אלמנטור. שינוי באלמנטור (גודל/משקל/פונט) משפיע אוטומטית בכל מקום.
t-h1H1
t-h2H2 — כותרת ראשית
t-h3H3
t-h4H4
t-h5H5 — כותרת משנה
t-h6H6
t-body-lgBody LG — טקסט גדול
t-bodyP Body — טקסט גוף
t-body-smBody SM — טקסט קטן
t-captionCaption — טקסט מיקרו
t-button-lgButton LG
t-button-smButton SM