Skip to content

Commit fad3bc0

Browse files
swalker326swalker-lemongrassbrophdawg11
authored
examples: add modal-route-with-outlet example (#10222)
Co-authored-by: Shane Walker <[email protected]> Co-authored-by: Matt Brophy <[email protected]>
1 parent 78ef4ef commit fad3bc0

File tree

15 files changed

+2119
-0
lines changed

15 files changed

+2119
-0
lines changed

‎contributors.yml

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -224,6 +224,7 @@
224224
- yionr
225225
- yuleicul
226226
- zheng-chuang
227+
- swalker326
227228
- smithki
228229
- istarkov
229230
- louis-young

‎docs/guides/contributing.md

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -36,6 +36,10 @@ git checkout dev
3636

3737
Please conform to the issue template and provide a clear path to reproduction with a code example. Best is a pull request with a failing test. Next best is a link to CodeSandbox or repository that illustrates the bug.
3838

39+
## Adding an Example?
40+
41+
Examples can be added directly to the main branch. Create a branch off of your local clone of main. Once you've finished, create a pull request and outline your example.
42+
3943
## Proposing New or Changed API?
4044

4145
Please provide thoughtful comments and some sample code that show what you'd like to do with React Router in your app. It helps the conversation if you can show us how you're limited by the current API first before jumping to a conclusion about what needs to be changed and/or added.

‎examples/modal-route-with-outlet/.gitignore

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
node_modules
2+
.DS_Store
3+
dist
4+
dist-ssr
5+
*.local

‎examples/modal-route-with-outlet/.stackblitzrc

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
{
2+
"installDependencies": true,
3+
"startCommand": "npm run dev"
4+
}

‎examples/modal-route-with-outlet/README.md

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
---
2+
title: Outlet Modal
3+
toc: false
4+
---
5+
6+
# Outlet Modal Example
7+
8+
## Preview
9+
10+
Open this example on [StackBlitz](https://stackblitz.com):
11+
12+
[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/remix-run/react-router/tree/main/examples/modal-route-with-outlet?file=src/App.tsx)

‎examples/modal-route-with-outlet/index.html

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<title>React Router - Modal Example</title>
7+
</head>
8+
<body>
9+
<div id="root"></div>
10+
<script type="module" src="/src/main.tsx"></script>
11+
</body>
12+
</html>

0 commit comments

Comments
 (0)