From 46daf977b2fce3bcbadc137c83b1e44c298e2ea4 Mon Sep 17 00:00:00 2001
From: Michele Cereda <cereda.michele@gmail.com>
Date: Wed, 17 Jul 2024 18:28:53 +0200
Subject: [PATCH] chore: improve state diagram example

---
 knowledge base/mermaid.js.md | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/knowledge base/mermaid.js.md b/knowledge base/mermaid.js.md
index e5714b6..556c75a 100644
--- a/knowledge base/mermaid.js.md	
+++ b/knowledge base/mermaid.js.md	
@@ -187,9 +187,16 @@ classDiagram
 
 ### State diagram
 
+Refer [State diagrams].
+
 ```md
 :::mermaid
   stateDiagram-v2
+    direction LR
+
+    state "Still state with description" as Still
+    Moving: Moving state with description
+
     [*] --> Still
     Still --> [*]
     Still --> Moving
@@ -201,6 +208,11 @@ classDiagram
 
 ```mermaid
 stateDiagram-v2
+  direction LR
+
+  state "Still state with description" as Still
+  Moving: Moving state<br/>with description
+
   [*] --> Still
   Still --> [*]
   Still --> Moving
@@ -304,12 +316,11 @@ gitGraph:
   -->
 
 <!-- Upstream -->
-
 [documentation]: https://mermaid.js.org/intro/
 [examples]: https://mermaid.js.org/syntax/examples.html
 [live editor]: https://mermaid.live
+[state diagrams]: https://mermaid.js.org/syntax/stateDiagram.html
 
 <!-- Knowledge base -->
-
 [markdown]: markdown.md
 [mermaid-cli]: mermaid-cli.md