From f5c2901b3f45cb19eb45482fcc19186118f35238 Mon Sep 17 00:00:00 2001 From: Daniel Olshansky Date: Sun, 31 Jul 2022 14:49:43 -0700 Subject: [PATCH] Example of spaces in stateDiagram This example was originally shown by https://github.com/aleneum in https://github.com/mermaid-js/mermaid/issues/1342. --- docs/stateDiagram.md | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/docs/stateDiagram.md b/docs/stateDiagram.md index 50c9ef646d..6db8fbaed5 100644 --- a/docs/stateDiagram.md +++ b/docs/stateDiagram.md @@ -249,3 +249,13 @@ stateDiagram-v2 ## Styling Styling of the a state diagram is done by defining a number of css classes. During rendering these classes are extracted from the file located at src/themes/state.scss + +## Spaces in state names + +Spaces can be added to a state by defining it at the top and referencing the acronym later. + +```mermaid-example +stateDiagram-v2 + Yswsii: Your state with spaces in it + [*] --> Yswsii +```