slides.mdx

import Test from './test-component'; export const testProp = 50;

Spectacle Presentation (MDX) 👋

This example uses:

• mdx
• @babel/preset-react for the React components we import

Notes: These are presenter notes. This text will be automatically exported as notes from your MDX file (e.g. import {notes} from './my-file.mdx').

---

Yellow div from a JSX component

Notes: here are some more notes.

---

Write your Spectacle Presentations in Markdown

And seamlessly use React Components

How sweet is that (super sweet)

---

---

Typography

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Standard Text

---

Example Quote

---

class SuperCoolComponent extends React.Component {
  render() {
    return <p>code slide works in markdown too whaaaaat</p>;
  }
}