Hi,

Unfortunately, dynamic direction switching is currently not supported by Metronic React version.

The only way to change the direction dynamically in our React version is by updating the link href of the main style file. To achieve this, follow the steps below:

1. Generate RTL and LTR CSS style files using our HTML version.
   To generate styles, refer to our gulp build and rtl version setup docs.


2. Copy the generated style.bundle.css and style.bundle.rtl.css files to public folder in your React app.


3. In the index.html file, add link tag with default direction styles as shown in this gist file.
   


4. Remove the style import line below from src/main.tsx:
   
   
   copy

   import "./_metronic/assets/sass/style.scss"

   
   


5. To switch the direction, you just need to change the link href from style.bundle.css to style.bundle.rtl.css.
   You can reuse switch functions from this gist.