presentation.mdx

import { Split, FullScreenCode } from 'mdx-deck/layouts' import { Appear } from 'mdx-deck'

export { code as theme } from 'mdx-deck/themes'

An Introduction to MDX-Deck

---

What is MDX?

---

JSX in Markdown

https://mdxjs.com/

---

export default FullScreenCode

import Accordian from '../components/Accordian'

# Here's an Accordian

It's rendered inside our MDX document.

<Accordian />

---

What is MDX-Deck?

---

MDX-based presentations

---

What can it do?

📝 Write presentations in markdown

⚛️ Import and use React components

💅 Customizable themes and components

0️⃣ Zero-config CLI

💁 Presenter mode

📓 Speaker notes

---

export default Split

Alternative layouts?

Sweet!

---

...but coolest of all..

---

import Counter from './components/Counter'

React Components inside Markdown

---

Any type of components!

---

import { LiveProvider, LiveEditor, LiveError, LivePreview } from 'react-live'

react-live

---

In fact...

This is an mdx-deck presentation.