Adds Mermaid diagram and flowchart support to VS Code's builtin markdown preview
Create diagrams in markdown using mermaid
fenced code blocks:
```mermaid
graph TD;
A-->B;
A-->C;
B-->D;
C-->D;
```
You can also use :::
blocks:
::: mermaid
graph TD;
A-->B;
A-->C;
B-->D;
C-->D;
:::
Currently supports Mermaid version 8.9.0.
You can use the built-in functionality to add custom CSS. More info can be found in the markdown.styles documentation
For example, add Font Awesome like this:
"markdown.styles": [
"https://use.fontawesome.com/releases/v5.7.1/css/all.css"
]
Use it like this:
```mermaid
graph LR
fa:fa-check-->fa:fa-coffee
```