Discourse Mermaid

Theme component
,
1
:discourse2: Summary Discourse Mermaid lets you create very powerful graphs using the Mermaid syntax.
:eyeglasses: Preview Preview on Discourse Theme Creator
:hammer_and_wrench: Repository Link https://github.com/discourse/discourse-mermaid-theme-component
:open_book: New to Discourse Themes? Beginner’s guide to using Discourse Themes

Install this theme component

Usage

```mermaid height=200
graph TD;
  A --> B;
```

mermaid diagram example
mermaid diagram example1396×642 30.9 KB

Learn more about the Mermaid syntax on the official website: Mermaid | Diagramming and charting tool

:warning: Graphs won’t be rendered in emails

Settings

Name Description
svg icons
Translation Default
rendering_error

<b>Error</b><p>Please ensure your mermaid code is running on <a href=‘https://mermaid.live/’>mermaid.live and indented with 4 spaces, eg: <pre><code> flowchart TB
A → B</code></pre></p>
insert_mermaid_sample Mermaid chart

:discourse2: Hosted by us? Theme components are available to use on our Standard, Business and Enterprise plans.

Last edited by @JammyDodger 2024-06-12T11:27:13Z

Check documentPerform check on document:
29 Likes