Skip to content

Commit 0016cea

Browse files
Add links to React storybook sourcecode
1 parent 9664fa3 commit 0016cea

File tree

1 file changed

+5
-1
lines changed

1 file changed

+5
-1
lines changed

docs/react.md

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@ title: React Usage
88

99
## Blocks rendering
1010

11-
Use {@link react.MakeCodeRenderBlocksProvider | MakeCodeRenderBlocksProvider} and {@link react.MakeCodeBlocksRendering | MakeCodeBlocksRendering} React components to render MakeCode blocks for a MakeCode project. You can see examples of projects used for the demo in [fixtures.ts](../src/stories/fixtures.ts).
11+
Use {@link react.MakeCodeRenderBlocksProvider | MakeCodeRenderBlocksProvider} and {@link react.MakeCodeBlocksRendering | MakeCodeBlocksRendering} React components to render MakeCode blocks for a MakeCode project. Example MakeCode projects used for the demo are defined in [fixtures.ts](../src/stories/fixtures.ts).
1212

1313
```js
1414
import {
@@ -21,6 +21,8 @@ import {
2121
</MakeCodeRenderBlocksProvider>;
2222
```
2323

24+
For more examples, take a look at the [MakeCode blocks rendering demo source code](../src/stories/MakeCodeBlocksRendering.stories.tsx).
25+
2426
## Embed MakeCode editor
2527

2628
Use {@link react.MakeCodeFrame | MakeCodeFrame} component to embed MakeCode.
@@ -45,3 +47,5 @@ import { MakeCodeFrame } from '@microbit/makecode-embed/react';
4547
onTutorialEvent={(e) => console.log('tutorialEvent', e)}
4648
/>
4749
```
50+
51+
For more examples, take a look at the [MakeCode frame demo source code](../src/stories/MakeCodeFrame.stories.tsx).

0 commit comments

Comments
 (0)