with a code block
sequenceDiagram
Note right of John: png, folder img
Alice->>John: Hello John, how are you?
John-->>Alice: Great!
sequenceDiagram
Note right of John: png, folder img/child
Alice->>John: Hello John, how are you?
John-->>Alice: Great!
If an id starts with `fig:`, then `title` attribute is set to `fig:`
sequenceDiagram
Note right of John: png with id as attr
Alice->>John: Hello John, how are you?
John-->>Alice: Great!
The following two diagram themes don't work because mermaid generates the svg with the same id and the last set of styles applied wins.
---
config:
theme: dark
deterministicIds: true
deterministicIdSeed: first
title: first
---
sequenceDiagram
Note right of John: SVG output with dark theme
Alice->>John: Hello John, how are you?
John-->>Alice: Great!
---
config:
theme: forest
deterministicIds: true
deterministicIdSeed: second
title: first
---
sequenceDiagram
Note right of John: SVG output with forest theme
Alice->>John: Hello John, how are you?
John-->>Alice: Great!
graph LR;
A-->B;
click A callback "Tooltip for a callback"
click B "http://www.github.com" "This is a tooltip for a link"
gitGraph
commit
commit
branch develop
checkout develop
commit
commit
checkout main
merge develop
commit
commit
gitGraph:
commit
commit
branch feature/x
checkout feature/x
commit
commit
checkout main
merge feature/x
branch feature/y
checkout feature/y
commit
commit
checkout main
merge feature/y
branch release/x
checkout release/x
commit tag: "X.X.X-qualifier.X"
checkout main
branch feature/z
checkout feature/z
commit
commit
checkout main
merge feature/z