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
PropertyTypeDefaultDescription
syntaxstringrequiredValid Mermaid.js diagram syntax

Search Documentation

Search for pages and content