diff options
Diffstat (limited to 'exampleSite/content/docs/shortcodes/mermaid.md')
-rw-r--r-- | exampleSite/content/docs/shortcodes/mermaid.md | 38 |
1 files changed, 38 insertions, 0 deletions
diff --git a/exampleSite/content/docs/shortcodes/mermaid.md b/exampleSite/content/docs/shortcodes/mermaid.md new file mode 100644 index 0000000..3a617bc --- /dev/null +++ b/exampleSite/content/docs/shortcodes/mermaid.md @@ -0,0 +1,38 @@ +# Mermaid Chart + +[Mermaid](https://mermaidjs.github.io/) is library for generating svg charts and diagrams from text. + +## Example + +{{< columns >}} +```tpl +{{</* mermaid [class="text-center"]*/>}} +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 >}} +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 >}} |