mdx-deck/docs/index.mdx

import Layout from './Layout'
import { Image } from '../src'

# mdx-deck

MDX-based presention decks
---
# Presentation decks
---
# Built with [MDX][]
[MDX]: https://github.com/mdx-js/mdx
---
import Box from 'superbox'

<Box
  fontSize={4}
  p={4}
  bg='magenta'>
  Import React components
</Box>
---
export default Layout

# Layouts
Add layouts per-slide

---

- Make bulleted lists
- To help make your point

---

## Getting Started

1. `npm i -D mdx-deck`
2. Write some markdown and JSX
3. Present

---
```
<button>code example</button>
```
---
> “Blockquotes are essential to any good presentation”

– Anonymous
---
![](https://s3.amazonaws.com/jxnblk/ok-cli.gif)
---
<Image src='https://s3.amazonaws.com/jxnblk/ok-cli.gif' />