⬅️RTL

Change direction to RTL

For changing direction to RTL only set isRtl in config file to true like following code:

// open config.ts file
const config: ConfigProps = {
  sidebarDrawer: true,
  customizerDrawer: false,
  miniSidebar: false,
  isHorizontalLayout: false, // Horizontal layout
  actTheme: 'light',
  fontTheme: 'Inter-var',
  inputBg: false,
  themeContrast: false,
  boxed: false,
  isRtl: true,
}

How to add RTL scss

Add RTL scss with particular class scss like following code:

for RTL, you need to change some scss which related to spacing padding left & right, margin left & right, left and right absolute value.

.exampleClass {
    margin-right: 10px;
    [dir="rtl"] & {
        margin-right: unset;
        margin-left: 10px;
        // RTL scss add here
    }
}