mirror of
				https://github.com/mermaid-js/mermaid.git
				synced 2025-10-31 10:54:15 +01:00 
			
		
		
		
	
		
			
				
	
	
		
			32 lines
		
	
	
		
			826 B
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			32 lines
		
	
	
		
			826 B
		
	
	
	
		
			HTML
		
	
	
	
	
	
| <html>
 | |
|   <body>
 | |
|     <h1>Example</h1>
 | |
|     <pre class="mermaid">
 | |
| %%{init:{"theme":"base", "sequence": {"mirrorActors":false},"themeVariables": {"actorBkg":"red"}}}%%
 | |
| sequenceDiagram
 | |
|     Bert->>+Ernie: Start looking for the cookie!
 | |
|     Ernie-->>-Bert: Found it!
 | |
|     Note left of Ernie: Cookies are good
 | |
|     </pre>
 | |
|     <pre class="mermaid">
 | |
| %%{init:{"theme":"base", "themeVariables": {}}}%%
 | |
| sequenceDiagram
 | |
|     Bert->>+Ernie: Start looking for the cookie!
 | |
|     Ernie-->>-Bert: Found it!
 | |
|     Note left of Ernie: Cookies are good
 | |
|     </pre>
 | |
|   </body>
 | |
|   <script type="module">
 | |
|     import mermaid from '/mermaid.esm.mjs';
 | |
|     mermaid.initialize({
 | |
|       theme: 'base',
 | |
|       themeVariables: {},
 | |
|       startOnLoad: false,
 | |
|     });
 | |
|     await mermaid.run();
 | |
|     if (window.Cypress) {
 | |
|       window.rendered = true;
 | |
|     }
 | |
|   </script>
 | |
| </html>
 | 
