2018-07-29 01:36:00 +03:00
|
|
|
|
import Layout from './Layout'
|
2018-07-29 01:49:02 +03:00
|
|
|
|
// export { default as theme } from './theme'
|
2018-07-28 21:21:36 +03:00
|
|
|
|
|
|
|
|
|
# Hello
|
|
|
|
|
---
|
|
|
|
|
# This is a presentation deck!
|
|
|
|
|
---
|
|
|
|
|
# Built with [MDX][]
|
|
|
|
|
[MDX]: https://github.com/mdx-js/mdx
|
|
|
|
|
---
|
2018-07-29 01:13:50 +03:00
|
|
|
|
import Box from 'superbox'
|
2018-07-28 21:21:36 +03:00
|
|
|
|
|
|
|
|
|
<Box p={3} bg='magenta'>
|
2018-07-29 18:12:33 +03:00
|
|
|
|
You can import React components!
|
2018-07-28 21:21:36 +03:00
|
|
|
|
</Box>
|
2018-07-29 01:36:00 +03:00
|
|
|
|
---
|
|
|
|
|
export default Layout
|
|
|
|
|
|
|
|
|
|
# Slide Layouts
|
2018-07-29 18:12:33 +03:00
|
|
|
|
And set per-slide layouts
|
|
|
|
|
---
|
|
|
|
|
- You can use lists as well
|
|
|
|
|
- Which is great for bullet points
|
|
|
|
|
- Or making your point
|
|
|
|
|
---
|
|
|
|
|
1. Install 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)
|