mirror of
https://github.com/jxnblk/mdx-deck.git
synced 2024-11-30 00:44:20 +03:00
52 lines
737 B
Plaintext
52 lines
737 B
Plaintext
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
|
||
---
|
||
|
||
---
|
||
<Image src='https://s3.amazonaws.com/jxnblk/ok-cli.gif' />
|