Components
Mermaid Diagrams
Display diagrams using Mermaid
Mermaid lets you create visual diagrams using text and code.
You can create the following using Mermaid diagrams:
- Flowchart
- Sequence diagram
- Class diagram
- State diagram
- Entity relationship diagram
- User journey
- and more
For a complete list of diagrams supported by Mermaid, check out their website.
Syntax for Mermaid diagrams
To create a flowchart, you can write the Mermaid flowchart inside a Mermaid code block.
```mermaid
// Your mermaid code block here
```