diff --git a/demos/sequence.html b/demos/sequence.html index eca935ff5b..4098f5fce0 100644 --- a/demos/sequence.html +++ b/demos/sequence.html @@ -249,6 +249,55 @@

Sequence diagram demos

Alice<<->>Bob: Wow, we said that at the same time! Bob<<-->>Alice: Bidirectional Arrows are so cool + +
+ + 
+    sequenceDiagram
+      actor Alice
+      actor John
+      Alice-xJohn: Hello John, how are you?
+      note over Alice,John: [ This is some `markdown` text
+      ```json
+      {
+        "title": "This is a note",
+        "description": "This is a note with a description"
+      }
+      ```
+      ]
+      John--xAlice: Great!
+      note left of Alice: [ This is some `markdown` text
+      ```json
+      {
+        "title": "This is a note",
+        from: "Alice",
+        to: "John",
+        "subtitle": "A very pretty one note",
+        "description": "This is a note with a description"
+      }
+      ```
+      ]
+      Alice--xJohn: Awesome!
+      note right of John: [ This is some `markdown` text
+      ```json
+      {
+        "title": "This is a note",
+        "subtitle": "A very pretty one",
+        "description": "This is a note with a description"
+      }
+      ```
+      There can even be `more markdown`:
+      ```
+        const note = "pretty";
+        if (note === "pretty") {
+          console.log("This is a note with a description");
+        } else {
+          // do something else
+        }
+      ```
+      ]
+
+