📦 theme-mermaid

This theme provides a @theme/Mermaid component that is powered by mermaid. You can read more on diagrams documentation.

npm

npm install --save @docusaurus/theme-mermaid

Yarn

yarn add @docusaurus/theme-mermaid

pnpm

pnpm add @docusaurus/theme-mermaid

Bun

bun add @docusaurus/theme-mermaid

Configuration

docusaurus.config.js

export default {
  themes: ['@docusaurus/theme-mermaid'],
  // In order for Mermaid code blocks in Markdown to work,
  // you also need to enable the Remark plugin with this option
  markdown: {
    mermaid: true,
  },
};