Hello, MDX

May 23, 2026

A first note demonstrating Markdown, HTML, CSS, and React together.

This note is written in MDX. Regular markdown works as expected: lists, links, inline code, and so on.

HTML and inline CSS

Raw HTML elements with inline styles render the same as in JSX.

A small React flourish

Click to expand

Standard markdown inside a native <details> element. Note that a blank line separates the JSX tags from the markdown content.

Why MDX

  • Author in markdown for prose
  • Reach for HTML when structure matters
  • Drop in React components for anything interactive