MermaidBlockNode component

Math & Diagramspeer: mermaid

Fenced ```mermaid blocks render as interactive SVG diagrams with streaming preview, zoom, and export.

Markdown input

```mermaid
flowchart LR
  A --> B
```

Live rendered output

Mermaid

flowchart LR
  A --> B

Deep dive

This component has a dedicated guide: /guide/mermaid-block-node

Customize & override

Override built-in components — replace this node renderer safely with scoped overrides. Renderer & node components reference — see all exported components and their props.

Optional peers

Rendering this component requires its peer dependencies. See Installation & optional peers.

Related components

D2BlockNodeInfographicBlockNodeMathBlockNodeMathInlineNode