docs: Added demo diagram of bidirectional arrows for sequence diagrams

mermaid-js · Jun 21, 2024 · ac5c61d · ac5c61d
1 parent 58483fb
commit ac5c61d
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/demos/sequence.html b/demos/sequence.html
@@ -238,6 +238,17 @@ <h1>Sequence diagram demos</h1>
       Alice-xJohn: Hello John, how are you?
       John--xAlice: Great!
     </pre>
+
+    <hr />
+
+    <pre class="mermaid">
+    sequenceDiagram
+      participant Alice
+      participant Bob
+      Alice<<->>Bob: Hello!
+      Alice<<->>Bob: Wow, we said that at the same time!
+      Bob<<-->>Alice: Bidirectional Arrows are so cool
+    </pre>
     <script type="module">
       import mermaid from './mermaid.esm.mjs';
       mermaid.initialize({