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 בצד הסיום). מוצג בשלושה טורים (pa-col-lg-1-3) כך שכל כרטיס כבר צר — שנה את רוחב החלון כדי לראות כל סרגל כלים בולע ופולט כפתורי פעולה לתוך תפריט כפתור הפיצול, כל אחד בנקודת השבירה שלו.
לוח ביצועים רבעוני ומעורבות לקוחות
סרגל הפעולות בכותרת נושא את התנהגות הבליעה — צמצם את החלון כדי לראות את הגדר, סנן ורענן מתקפלים לתוך תפריט "הוסף רכיב" בסדר זה (עדיפות נמוכה קודם; ייצוא מוצמד).
משימות מיגרציה — עדכוני סכימה בסביבת ייצור
ללא הצמדה — האחים מתקפלים בסדר ברירת המחדל (הימני ביותר קודם: שחזור ← גיבוי ← אמת).
ניהול חברי צוות והרשאות — קונסולת ארגון
שישה אחים כאן — הזמן מוצמד בעדיפות 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, מה שמאפשר תמיכה אוטומטית בשפות מימין לשמאל כמו עברית וערבית ללא צורך בסגנונות נפרדים.
רשימה עם נקודות
- פריט ראשון ברשימה
- פריט שני ברשימה
- פריט שלישי ברשימה
רשימה ממוספרת
- שלב ראשון
- שלב שני
- שלב שלישי