Mermaid Diagram Block
Create diagrams using Mermaid syntax. Supports flowcharts, sequence diagrams, class diagrams, state machines, and more. Rendered directly in the viewer.
The Mermaid block renders diagrams from text-based Mermaid syntax. This allows you to create and version-control diagrams using a simple markup language that gets rendered into SVG graphics.
When to Use
Block Properties
Theme Options
Example: Flowchart
A simple decision flow using Mermaid syntax.
Example: Sequence Diagram
Showing interactions between components.