⬅️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 = {
  Sidebar_drawer: true,
  Customizer_drawer: false,
  mini_sidebar: false,
  setHorizontalLayout: false, // Horizontal layout
  actTheme: ThemeMode.Light,
  fontTheme: 'Inter-var',
  inputBg: false,
  themeContrast: false,
  boxed: false,
  isRtl: true,
  presetColor: 'Preset 1'
}

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
    }
}