From 1e3005d7c6b1d15a5639cc7136134a6f06ec6791 Mon Sep 17 00:00:00 2001
From: vjeantet <valere.jeantet@gmail.com>
Date: Mon, 28 Sep 2020 21:47:36 +0200
Subject: shortcode mermaid : state diagram supported (mermaid updated to
 v8.8.0) fix #22

---
 exampleSite/content/shortcodes/mermaid/_index.md | 28 +++++++++++++++++++++++-
 1 file changed, 27 insertions(+), 1 deletion(-)

(limited to 'exampleSite')

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>}}
 
-- 
cgit v1.2.3