mdx-code
A MDX Deck Layout that renders code blocks on a slide as a Runnable RunKit playground. Only for JavaScript (Node)
Install
yarn add --exact mdx-code
Use
import Code from 'mdx-code'; # Regular Slide --- <Code> ```js A playground slide!console.log('Hello world');``` </Code>
Preambles
A slide can have two code blocks. The first code block is run before the second, but the playground only displays the second.
<Code> ```jsconst x = [1, 2, 3];``````js x is already definedx.map(i => i*2);``` </Code>
Authors
- Pranay Prakash (@pranaygp)