You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
The Create Wizard shows you all public templates that are currently available,
16
-
and takes you to the sandbox that corresponds to the template. You can edit and
17
-
fork this sandbox to continue with the template.
15
+
The Create Sandbox screen shows you all of the public templates that are currently available, including official templates and those created by the community. These are automatically forked when you select them, so you can edit and begin creating your own sandbox.
18
16
19
17
## Import from GitHub
20
18
21
-
You can import a GitHub repository in CodeSandbox by going to the
22
-
[import wizard](https://codesandbox.io/s/github) and giving the URL to your
19
+
You can import a GitHub repository in to CodeSandbox from the
20
+
[import wizard](https://codesandbox.io/s/github) and pasting the URL to your
23
21
GitHub repository. Note that we just take the last part of the url (everything
24
-
after github.com) and paste it after codesandbox.io/s/github/. We support custom
25
-
branches and subdirectories as well. Here is an example URL:
22
+
after github.com) and append it after codesandbox.io/s/github/. We support custom
23
+
branches and subdirectories. Here is an example URL:
You can install our CLI by running `npm install -g codesandboxer-fs`. Then you
@@ -189,11 +186,10 @@ This will print out the id of a sandbox that does nothing but render the
189
186
targeted component, along with a link to that sandbox. This will also bundle in
190
187
other local files used by the component to ensure render.
191
188
192
-
## Import Using React-Codesandboxer
189
+
## Import Using Codesandboxer
193
190
194
-
Import from a single file from a git repository, along with supplemental files
195
-
and dependencies. Using this creates an easy way to upload an example instead of
196
-
an entire git repository.
191
+
[Codesandboxer](https://github.com/codesandbox/codesandboxer) imports a single file from a git repository, along with supplemental files and dependencies. Using this creates an easy way to upload an example instead of
192
+
an entire git repository. This enables you to easily share examples with others, or to link to editable versions of examples from a documentation website. React-codesandboxer is the main version, but there are also versions for VS Code, Atom, and Bitbucket.
197
193
198
194
### How it works
199
195
@@ -203,7 +199,7 @@ entry point, then uses the Define API to upload the necessary files into a new
203
199
`create-react-app` sandbox.
204
200
205
201
Check out the
206
-
[react-codesandboxer docs](https://github.com/noviny/react-codesandboxer) for
202
+
[codesandboxer docs](https://github.com/codesandbox/codesandboxer) for
207
203
information on how to implement it.
208
204
209
205
```jsx harmony
@@ -223,3 +219,7 @@ export default () => (
223
219
</CodeSandboxer>
224
220
);
225
221
```
222
+
223
+
## Import Using Remark-Codesandbox
224
+
225
+
[Remark-Codesandbox](https://github.com/kevin940726/remark-codesandbox) is a remark plugin for creating sandboxes directly from code blocks in documentation. Developed by CodeSandbox community member Kai Hao, it supports popular platforms including MDX, Gatsby, Storybook Docs, docz etc. Learn more about it in their [documentation](https://github.com/kevin940726/remark-codesandbox#remark-codesandbox).
0 commit comments