dir="rtl" on the HTML element so every component using CSS logical
properties mirrors automatically (sidebar, toolbars, split-button toggles, icon sides, etc.).
Use the toggle below to switch to LTR for comparison; the choice is remembered for this
browsing session and only affects this page (it doesn't change the global demo RTL setting).
Note the Hebrew text reads right-to-left even in LTR — that's Unicode bidi, independent of
the layout direction.
RTL Toggle / מתג RTL
dir="rtl" on the HTML element flips all components that use CSS logical properties (margin-inline-start, padding-inline-end, etc.). No extra CSS needed.
מערכת הרשת
עמודות הרשת צריכות לשמור על הסדר שלהן אך להתיישר מימין במצב RTL.
בדיקת היסט
קבוצות קלט
התוספות הקדמיות צריכות להופיע בצד ההתחלה (ימין ב-RTL), התוספות האחוריות בצד הסיום (שמאל ב-RTL).
כפתורים עם אייקונים
אייקונים צריכים להופיע בצד הנכון ביחס לטקסט במצב RTL.
כפתורי פיצול בכותרות כרטיסים
הפעולה הראשית והמתג צריכים להתהפך: הפינות המשוטחות בין שני הכפתורים, קו המפריד, ותפריט הנפתח צריכים ליישר לצד הנכון ב-RTL (Floating UI קורא את כיוון הכתיבה וממקם את bottom-end בצד הסיום). מוצג בשלושה טורים (pc-col-lg-1-3) כך שכל כרטיס כבר צר — שנה את רוחב החלון כדי לראות כל .pa-card__actions--overflow בולע ופולט כפתורי פעולה לתוך תפריט [⋮] ייעודי, כל אחד בנקודת השבירה שלו. כפתור פיצול מתקפל כקבוצה אטומית עם תווית.
לוח ביצועים רבעוני ומעורבות לקוחות
סרגל הפעולות בכותרת נושא את התנהגות הגלישה — צמצם את החלון כדי לראות את הגדר, סנן ורענן מתקפלים לתוך תפריט [⋮] הייעודי בסדר זה (עדיפות נמוכה קודם; ייצוא מוצמד; כפתור "הוסף רכיב" שורד הכי הרבה).
משימות מיגרציה — עדכוני סכימה בסביבת ייצור
ללא הצמדה — האחים מתקפלים בסדר ברירת המחדל (הימני ביותר קודם: שחזור ← גיבוי ← אמת). כפתור הפריסה שורד הכי הרבה ומתקפל לתפריט [⋮] כקבוצה אטומית עם תווית.
ניהול חברי צוות והרשאות — קונסולת ארגון
שישה אחים כאן — הזמן מוצמד בעדיפות 5, כך שהוא שורד את הגל הראשון של הקיפולים אך עדיין מתקפל לפני הוסף משתמש. הכותרת נכנעת ראשונה (מתקצרת עד רצפת רוחב מינימלי) כדי שסרגל הפעולות ישמור על כפתוריו. כפתור "הוסף משתמש" מתקפל לתפריט [⋮] כקבוצה אטומית עם תווית.
טבלאות
| שם | דואר אלקטרוני | תפקיד | סטטוס | פעולות |
|---|---|---|---|---|
| יוסי כהן | yossi@example.co.il | מנהל מערכת | פעיל | |
| רחל לוי | rachel@example.co.il | משתמש | ממתין | |
| דוד ישראלי | david@example.co.il | עורך | חדש |
התראות (ניתנות לסגירה)
כפתור הסגירה צריך להופיע בצד הסיום (שמאל ב-RTL).
לשוניות
תוכן לשונית הבית. הלשוניות צריכות לזרום מימין במצב RTL.
תוכן לשונית הפרופיל.
תוכן לשונית ההגדרות.
לשוניות אנכיות
ללשוניות אנכיות צריך להיות גבול בצד הסיום (שמאל ב-RTL).
תוכן לוח הבקרה. האינדיקטור הפעיל צריך להיות בקצה הימני ב-RTL.
תוכן האנליטיקה.
תוכן הדוחות.
טיפים צפים
טיפים צפים צריכים להופיע בכיוון הנכון בהתאם לקלאס המשנה.
כלי עזר לריווח לוגי
כלים אלה משתמשים ב-CSS logical properties ומתהפכים במצב RTL.
שוליים בהתחלה (ms-*)
ריפוד בהתחלה (ps-*)
שוליים בסיום (me-*)
ריפוד בסיום (pe-*)
כלי עזר ליישור טקסט
.text-startמיושר להתחלה (ימין ב-RTL)
.text-centerתמיד במרכז
.text-endמיושר לסיום (שמאל ב-RTL)
טפסים
מיקומי הודעות Toast
מיקומי מכולות ה-Toast משתמשים ב-logical properties. לחץ להצגת הודעה במיקומים שונים.
טקסט לדוגמה
זהו פסקה לדוגמה בעברית כדי לבדוק את זרימת הטקסט במצב RTL. הטקסט צריך לזרום מימין לשמאל באופן טבעי.
Pure Admin תומך ב-RTL באמצעות CSS Logical Properties, מה שמאפשר תמיכה אוטומטית בשפות מימין לשמאל כמו עברית וערבית ללא צורך בסגנונות נפרדים.
רשימה עם נקודות
- פריט ראשון ברשימה
- פריט שני ברשימה
- פריט שלישי ברשימה
רשימה ממוספרת
- שלב ראשון
- שלב שני
- שלב שלישי