Add layout outlet docs (#12548)

* layout outlet docs * sign contributors
remix-run · Dec 14, 2024 · 12beff7 · 12beff7
1 parent 2cee65b
commit 12beff7
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 0 deletions.
diff --git a/contributors.yml b/contributors.yml
@@ -319,3 +319,4 @@
 - yuleicul
 - zeromask1337
 - zheng-chuang
+- vladinator1000
diff --git a/docs/start/framework/routing.md b/docs/start/framework/routing.md
@@ -153,6 +153,24 @@ export default [
 ] satisfies RouteConfig;
 ```
 
+To see `projects/home.tsx` appear in the layout, we'll need an outlet:
+
+```tsx filename=./projects/project-layout.tsx lines=[8]
+import { Outlet } from "react-router"
+
+export default function ProjectLayout() {
+  return (
+    <div>
+      <aside>Example sidebar</aside>
+      <main>
+        <Outlet />
+      </main>
+    </div>
+  )
+}
+
+```
+
 ## Index Routes
 
 ```ts