MDX components
Insert the components a developer declares — from a small form, not raw JSX — and they render in your MDX pages.
Insert a component in the editor — it renders on the page.
journal/better-pour-over-at-home.mdx
Pour in slow circles and aim to finish around the three-minute mark.
⊞ Insert component · Callout
fernwaycoffee.com/journal
Pour in slow circles and aim to finish around the three-minute mark.
In .mdx pages, editors can insert the components you declare — callouts, figures,
whatever you build — from a small form: pick the component, fill in its options,
done. No raw JSX to get wrong. In Orbit’s preview they show as clear cards; your
site — Astro, Gatsby or Next.js, with its MDX package — renders the real
component when it builds.
Orbit tags .mdx files in the sidebar and only offers the insert button on them,
so editors can see at a glance which pages accept components.