Add Layout Route Example (#10011)

Co-authored-by: Tim Dorr <[email protected]>

Author: stmtk1

contributors.yml

@@ -152,6 +152,7 @@
 - souzasmatheus
 - srmagura
 - stasundr
+- stmtk1
 - tanayv
 - theostavrides
 - thisiskartik

docs/route/route.md

@@ -205,10 +205,23 @@ let { org, "*": splat } = params;
 
 ### Layout Routes
 
-<docs-info>TODO: expand with example</docs-info>
-
 Omitting the path makes this route a "layout route". It participates in UI nesting, but it does not add any segments to the URL.
 
+```tsx
+<Route
+  element={
+    <div>
+      <h1>Layout</h1>
+      <Outlet />
+    </div>
+  }
+>
+  <Route path="/" element={<h2>Home</h2>} />
+  <Route path="/about" element={<h2>About</h2>} />
+</Route>
+```
+In this example, `<h1>Layout</h1>` will be rendered along with each child route's `element` prop, via the layout route's [Outlet][outlet].
+
 ## `index`
 
 Determines if the route is an index route. Index routes render into their parent's [Outlet][outlet] at their parent's URL (like a default child route).