| Info |
|---|
The demo shown below was taken from the official Mermaid documentation. |
| Confluence mermaid macro |
|---|
| download | true |
|---|
| searchText | block beta columns Start Start space down down space Decision Make Decision right Yes right Process1 Process downAgain No down space r3 Done down Process2 Process r2 Done right End End style Start fill 969 style End fill 696 |
|---|
| download | true |
|---|
| fullscreen | true |
|---|
| panZoom | true |
|---|
| zoom | |
|---|
| theme | default |
|---|
| disableUseMaxWidth | |
|---|
| copy | true |
|---|
| exportWidth | |
|---|
| height | |
|---|
|
block-beta
columns 3
Start(("Start")) space:2
down<[" "]>(down) space:2
Decision{{"Make Decision"}} right<["Yes"]>(right) Process1["Process A"]
downAgain<["No"]>(down) space r3<["Done"]>(down)
Process2["Process B"] r2<["Done"]>(right) End(("End"))
style Start fill:#969;
style End fill:#696; |
...
| Confluence prism macro |
|---|
| lineNumbers | true |
|---|
| showPreviews | true |
|---|
| downloadFilename | QuadrantChartBlockDiagram.mmd |
|---|
| showInvisibles | |
|---|
| lineHighlight | |
|---|
| language | Mermaid |
|---|
| lineNumbersStart | |
|---|
| dialogTitle | Block diagram |
|---|
| limitHeight | |
|---|
| height | |
|---|
| clickableLinks | |
|---|
|
block-beta
columns 3
Start(("Start")) space:2
down<[" "]>(down) space:2
Decision{{"Make Decision"}} right<["Yes"]>(right) Process1["Process A"]
downAgain<["No"]>(down) space r3<["Done"]>(down)
Process2["Process B"] r2<["Done"]>(right) End(("End"))
style Start fill:#969;
style End fill:#696; |
...
👉 Check out the official Mermaid documentation here https://mermaid.js.org/syntax/block.html.