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

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

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

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

Button states

Button sizes

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