[docs] Provide an alternative to right-to-left (#25584)

mui · Apr 2, 2021 · 3f9b3d1 · 3f9b3d1
1 parent e157cb4
commit 3f9b3d1
Showing 1 changed file with 14 additions and 0 deletions.
diff --git a/docs/src/pages/guides/right-to-left/right-to-left.md b/docs/src/pages/guides/right-to-left/right-to-left.md
@@ -12,6 +12,20 @@ Make sure the `dir` attribute is set on the body, otherwise native components wi
 <body dir="rtl"></body>
 ```
 
+As an alternative to the above, you can also wrap your application in an element with the `dir` attribute:
+
+```jsx
+function App() {
+  return (
+    <div dir="rtl">
+      <MyComponent />
+    </div>
+  );
+}
+```
+
+This can be helpful for creating components to toggle language settings in the live application.
+
 ### 2. Theme
 
 Set the direction in your custom theme: