hugo-theme-hilfe/exampleSite/content/shortcodes/mermaid.md

38 lines
785 B
Markdown
Raw Normal View History

2020-05-31 18:17:32 +02:00
[Mermaid](https://mermaidjs.github.io/) is library for generating SVG charts and diagrams from text.
2020-01-12 15:33:02 +01:00
## Example
{{< columns >}}
2020-05-31 18:17:32 +02:00
2020-01-12 15:33:02 +01:00
```tpl
{{</* mermaid class="text-center"*/>}}
2020-01-12 15:33:02 +01:00
sequenceDiagram
Alice->>Bob: Hello Bob, how are you?
alt is sick
Bob->>Alice: Not so good :(
else is well
Bob->>Alice: Feeling fresh like a daisy
end
opt Extra response
Bob->>Alice: Thanks for asking
end
{{</* /mermaid */>}}
```
<--->
{{< mermaid class="text-center" >}}
2020-01-12 15:33:02 +01:00
sequenceDiagram
Alice->>Bob: Hello Bob, how are you?
alt is sick
Bob->>Alice: Not so good :(
else is well
Bob->>Alice: Feeling fresh like a daisy
end
opt Extra response
Bob->>Alice: Thanks for asking
end
{{< /mermaid >}}
{{< /columns >}}