...
| Mermaid |
|---|
graph TB
c1-->a2
subgraph one
a1-->a2
end
subgraph two
b1-->b2
end
subgraph three
c1-->c2
end |
+ Markdown
| Code Block |
|---|
graph TD
A[Inactive device]:::danger -->|Remove battery<br>strip/paper| B[Active device]:::good
B --> C[Install/Stick at the desired place]
C --> D[Open the Super Awsome app]
D --> E[In the great tab, find the newly discovered device]
E --> F[Check if the ID matches the ID printed on the device]
F -->|If match| G[Rename the device with its location]
F -->|If no match| H[Check for another newly discovered device in the app]
G --> I["Check that the status of the device is #quot;Ok#quot;"]
I --> J[You're good to<br>go]:::good
classDef danger fill:red,color:white;
classDef good fill:green,color:white; |
+ Display
| Mermaid |
|---|
graph TD
A[Inactive device]:::danger -->|Remove battery<br>strip/paper| B[Active device]:::good
B --> C[Install/Stick at the desired place]
C --> D[Open the Super Awsome app]
D --> E[In the great tab, find the newly discovered device]
E --> F[Check if the ID matches the ID printed on the device]
F -->|If match| G[Rename the device with its location]
F -->|If no match| H[Check for another newly discovered device in the app]
G --> I["Check that the status of the device is #quot;Ok#quot;"]
I --> J[You're good to<br>go]:::good
classDef danger fill:red,color:white;
classDef good fill:green,color:white; |
Sequence diagram
+ Syntax
https://mermaid-js.github.io/mermaid/#/sequenceDiagram
...