Diagram Definition as Child Content

[MikaBerglund]

In some cases you may prefer to have the Mermaid diagram definition contained as child content of the MermaidDiagram component instead of specifying it as a parameter.

So, instead of this.

@code {
    string mmDef = "graph TD...";
}

<MermaidDiagram Definition="@mmDef" />

You could write your markup like this.

@code {
    string mmDef = "graph TD...";
}

<MermaidDiagram>
    @mmDef
</MermaidDiagram>

or even using a static inline diagram definition, like below.

<MermaidDiagram>
---
title: Blazorade Mermaid
---
flowchart TB

s1[Click here to read more on the Blazorade-Mermaid Wiki]

click s1 "https://github.com/Blazorade/Blazorade-Mermaid/wiki" "Open Blazorade-Mermaid Wiki"
</MermaidDiagram>