MDX playground

Custom component

MDX can render local React components alongside normal Markdown.

Theme components

Tabs below come from Docusaurus and inherit the docs theme styling.

Tabs

bash

npm install @aeei/docusaurus-theme @docusaurus/theme-mermaid

ts

export default {
  markdown: { mermaid: true },
  themes: ["@docusaurus/theme-mermaid", "@aeei/docusaurus-theme"],
};

css

:root {
  --background: oklch(1 0 0);
  --foreground: oklch(0.2 0 0);
}

JSX mixed with Markdown

The starter keeps authoring simple:

• write Markdown for most content
• drop into JSX for interactive or repeated UI
• keep components local to the starter unless they belong in the theme package