diff options
Diffstat (limited to 'exampleSite')
-rw-r--r-- | exampleSite/content/shortcodes/mermaid/_index.md | 28 |
1 files changed, 27 insertions, 1 deletions
diff --git a/exampleSite/content/shortcodes/mermaid/_index.md b/exampleSite/content/shortcodes/mermaid/_index.md index a106d0c..6a1826e 100644 --- a/exampleSite/content/shortcodes/mermaid/_index.md +++ b/exampleSite/content/shortcodes/mermaid/_index.md @@ -4,6 +4,8 @@ description: Mermaid is a tool that generates diagrams and charts, from markdown title: mermaid --- + + ## Flowchart example {{%expand "Show code ..."%}} ``` @@ -159,5 +161,29 @@ gantt Add to mermaid :1d {{</mermaid>}} - +## State Diagram +{{%expand "Show code ..."%}} +``` + {{</*mermaid*/>}} + stateDiagram-v2 + [*] --> Still + Still --> [*] + + Still --> Moving + Moving --> Still + Moving --> Crash + Crash --> [*] + {{</* /mermaid */>}} +``` +{{%/expand%}} +{{<mermaid align="left">}} +stateDiagram-v2 + [*] --> Still + Still --> [*] + + Still --> Moving + Moving --> Still + Moving --> Crash + Crash --> [*] +{{</mermaid>}} |