mdx-deck

MDX-based presention decks

Presentation decks

Built with MDX

Import React components
  • 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>
class extends React.Component {
  render () {
    return (
      <React.Fragment>
        <h1>Indented code</h1>
      </React.Fragment>
    )
  }
}

“Blockquotes are essential to any good presentation”

– Anonymous

Appear

  • One
  • Two
  • Three
  • Four

Real React Components

0

Split Layout

Horizontal Layout

As many columns as you want

Invert Layout

<Button>
  Beep
</Button>

Inline image

PropTypeDescription
widthnumber, string, or arraysets element width
colorstringsets foreground color
bgstringsets background color

Get started 😎

GitHub