feat: add rtl doc

codesandbox · Feb 28, 2023 · e6657c0 · e6657c0
1 parent 7e94b12
commit e6657c0
Showing 1 changed file with 20 additions and 1 deletion.
diff --git a/website/docs/src/pages/getting-started/layout.mdx b/website/docs/src/pages/getting-started/layout.mdx
@@ -196,4 +196,23 @@ The `<Sandpack />` preset component has resizable columns and rows by default, a
 <Sandpack options={{ resizablePanels: false }} />
 ```
 
-Other components (`SandpackProvider` for example) do not have this functionality and it must be implemented by the user.
+Other components (`SandpackProvider` for example) do not have this functionality and it must be implemented by the user.
+
+### Right to left layout
+
+<CodeBlock stack>
+{`import { Sandpack } from "@codesandbox/sandpack-react";
+
+export default function App() {
+  return (
+    <Sandpack 
+      options={{
+        rtl: true, // default false
+      }}
+    />
+  );
+}
+`}
+</CodeBlock>
+
+Other components (`SandpackProvider` for example) do not have this option and it must be implemented by the user.