RTL Support React Metronics
Hello
I have purchased metronics package for react yesterday.
I was sure that is RTL support, but as indicated in the forms:
Metronic Demo2 RTL In React - KeenThemes
it shows that you haven't released update with RTL support for react
I you do support react, please refer me to the relevant page so I will user is it.
if you don't support it,, please refund me with the amount I purchased the package.
Waiting for an update
Replies (1)
Hi,
Thank you for reaching out to us.
All our versions share the same style base so you can reuse our RTL solution from the HTML version in your React project.
Follow the steps below:
- Generate RTL and LTR CSS style files using our HTML version.
To generate styles, refer to our gulp build and rtl version setup docs. - Copy the generated style.bundle.css and style.bundle.rtl.css files to public folder in your React app.
- In the index.html file, add a link tag with default direction styles as shown below.
<link rel="stylesheet" href="/style.bundle.css">
- Remove the style import line below from src/main.tsx:
import "./_metronic/assets/sass/style.scss"
- To switch the direction dynamically, 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.
If this prevents you from using Metronic further you can request a refund using this form. 100% money back is guaranteed.
Regards,
Lauris Stepanovs,
Keenthemes Support Team
ReUI
Open-source React components, blocks and templates built on shadcn/ui and Tailwind CSS by Keenthemes.
