Flowcharts are only the front door. The package handles the rest of Mermaid's everyday diagram set in the same wrapper model
sequenceDiagram participant Author participant Markdown participant Plugin participant Runtime participant Mermaid Author->>Markdown: Write Mermaid fence Markdown->>Plugin: Parse fenced block Plugin->>Runtime: Emit wrapper markup Runtime->>Mermaid: Initialize and render Mermaid-->>Runtime: Return SVG Runtime-->>Author: Interactive diagram
stateDiagram-v2 [*] --> Idle Idle --> Rendering: wrapper discovered Rendering --> Ready: svg mounted Rendering --> Error: parser failure Ready --> Rendering: rerender Error --> Rendering: source updated
timeline title Example integration timeline 1 : Add markdown-it plugin 2 : Import runtime stylesheet 3 : Initialize VitePress runtime hook 4 : Tune --mermaid-it-min-height 5 : Expand docs with more diagrams
gitGraph commit id: "setup" branch feature/docs checkout feature/docs commit id: "add examples" commit id: "add sizing guide" checkout main merge feature/docs commit id: "ship demo"
mindmap
root((docs rewrite))
guide
getting started
render engines
fonts
examples
flowcharts
renderer modes
advanced diagrams
reference
plugin options
fence options
runtime api