Diagram
Mermaid diagrams rendered client-side
Last updated March 16, 2026
Diagram
Render diagrams using Mermaid.js syntax. Diagrams are rendered client-side.
Usage
Use the mermaid code fence with Mermaid syntax.
```mermaid
graph TD
A[Start] --> B{Decision}
B -->|Yes| C[Action]
B -->|No| D[End]
```
Example
graph TD
A[Start] --> B{Decision}
B -->|Yes| C[Action]
B -->|No| D[End]API Reference
Diagram Properties
| Property | Type | Default | Description |
|---|---|---|---|
syntax | string | required | Valid Mermaid.js diagram syntax |

