| 6dd74de | | | 1 | <html> |
| 6dd74de | | | 2 | <head> </head> |
| 6dd74de | | | 3 | <body> |
| 6dd74de | | | 4 | <h1>Example</h1> |
| 6dd74de | | | 5 | <pre class="mermaid"> |
| 6dd74de | | | 6 | %%{init:{"theme":"base", "themeVariables": {"lineColor":"red"}}}%% |
| 6dd74de | | | 7 | flowchart LR |
| 6dd74de | | | 8 | subgraph red |
| 6dd74de | | | 9 | A --> B |
| 6dd74de | | | 10 | end |
| 6dd74de | | | 11 | </pre> |
| 6dd74de | | | 12 | <pre class="mermaid"> |
| 6dd74de | | | 13 | %%{init:{"theme":"base", "themeVariables": {"lineColor":"blue"}}}%% |
| 6dd74de | | | 14 | flowchart LR |
| 6dd74de | | | 15 | subgraph black |
| 6dd74de | | | 16 | A --> B |
| 6dd74de | | | 17 | end |
| 6dd74de | | | 18 | </pre> |
| 6dd74de | | | 19 | <pre class="mermaid"> |
| 6dd74de | | | 20 | --- |
| 6dd74de | | | 21 | config: |
| 6dd74de | | | 22 | theme: base |
| 6dd74de | | | 23 | themeVariables: |
| 6dd74de | | | 24 | lineColor: yellow |
| 6dd74de | | | 25 | --- |
| 6dd74de | | | 26 | flowchart LR |
| 6dd74de | | | 27 | subgraph red |
| 6dd74de | | | 28 | A --> B |
| 6dd74de | | | 29 | end |
| 6dd74de | | | 30 | </pre> |
| 6dd74de | | | 31 | <pre class="mermaid"> |
| 6dd74de | | | 32 | --- |
| 6dd74de | | | 33 | config: |
| 6dd74de | | | 34 | theme: base |
| 6dd74de | | | 35 | themeVariables: |
| 6dd74de | | | 36 | lineColor: green |
| 6dd74de | | | 37 | --- |
| 6dd74de | | | 38 | flowchart LR |
| 6dd74de | | | 39 | subgraph black |
| 6dd74de | | | 40 | A --> B |
| 6dd74de | | | 41 | end |
| 6dd74de | | | 42 | </pre> |
| 6dd74de | | | 43 | <script type="module"> |
| 6dd74de | | | 44 | import mermaid from './mermaid.esm.mjs'; |
| 6dd74de | | | 45 | mermaid.initialize({ startOnLoad: false, logLevel: 0 }); |
| 6dd74de | | | 46 | await mermaid.run(); |
| 6dd74de | | | 47 | |
| 6dd74de | | | 48 | if (window.Cypress) { |
| 6dd74de | | | 49 | window.rendered = true; |
| 6dd74de | | | 50 | } |
| 6dd74de | | | 51 | </script> |
| 6dd74de | | | 52 | </body> |
| 6dd74de | | | 53 | </html> |