mdx-code
v2.0.0
Published
A MDX Deck [Layout](https://github.com/jxnblk/mdx-deck#layouts) that renders code blocks on a slide as a Runnable [RunKit](https://runkit.com) playground. _Only for JavaScript (Node)_
Downloads
10
Readme
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>
```js
const x = [1, 2, 3];
```
```js x is already defined
x.map(i => i*2);
```
</Code>
Authors
- Pranay Prakash (@pranaygp)