| Info |
|---|
The demo shown below is was taken from the official Mermaid documentation here. |
| Confluence mermaid macro |
|---|
| searchText | journey title My working day section Go to work Make tea Me Go upstairs Me Do work Me Cat section Go home Go downstairs Me Sit down Me |
|---|
| download | true |
|---|
| fullscreen | true |
|---|
| panZoom | true |
|---|
| zoom | |
|---|
| theme | default |
|---|
| disableUseMaxWidth | |
|---|
| copy | true |
|---|
| exportWidth | |
|---|
| height | |
|---|
|
journey
title My working day
section Go to work
Make tea: 5: Me
Go upstairs: 3: Me
Do work: 1: Me, Cat
section Go home
Go downstairs: 5: Me
Sit down: 5: Me |
Textual representation
| Code Blockconfluence-prism-macro |
|---|
| lineNumbers | true |
|---|
| showPreviews | |
|---|
| downloadFilename | UserJourney.mmd |
|---|
| showInvisibles | |
|---|
| lineHighlight | |
|---|
| language | Mermaid |
|---|
| lineNumbersStart | |
|---|
| dialogTitle | User journey diagram |
|---|
| limitHeight | |
|---|
| height | |
|---|
| clickableLinks | |
|---|
|
journey
title My working day
section Go to work
Make tea: 5: Me
Go upstairs: 3: Me
Do work: 1: Me, Cat
section Go home
Go downstairs: 5: Me
Sit down: 5: Me |
The code above is rendered by "Prism Syntax Highlighter for Confluence" which supports highlighting Mermaid syntax.
👉 Check out the official Mermaid documentation here https://mermaid-.js.github.ioorg/mermaid/#/user-journeysyntax/userJourney.html.