New Feature: Mermaid support added

🎤 Announcements
1

Hey there :wave: ,

We like docs-as-code as a developer friendly approach to writing documentation and thought: Why not enable Mermaid support in the developer community forum? And so we did.

In case you’re not aware of mermaid: It’s used to describe diagrams in text, and it now renders nicely in your posts. Feel free to use it to spice up your questions and illustrate things that are cumbersome to explain in text. You might have seen it used on GitHub, it’s available everywhere GH renders markdown.

Here’s how to use it: Simply add a code block using mermaid as language and put your diagram definition in there to make the magic happen.

```mermaid height=352,auto
flowchart TD    
    A[Write markdown] --> B{Too boring?}
    B -->|yes| C[Add diagram]
    B -->|no| D[Great, you're done]
    C --> A

:point_up: renders like this:

flowchart TD    
    A[Write markdown] --> B{Too boring?}
    B -->|yes| C[Add diagram]
    B -->|no| D[Great, you're done]
    C --> A

It also support a variety of other diagram types as shown below. Check out their website to learn more and go wild, next time you post :slight_smile:

sequenceDiagram
    Alice->>+John: Hello John, how are you?
    Alice->>+John: John, can you hear me?
    John-->>-Alice: Hi Alice, I can hear you!
    John-->>-Alice: I feel great!

stateDiagram-v2
    [*] --> Unplugged
    Unplugged --> Charging: Plug In   
    Charging --> Charged: Battery Full
    Charging --> Unplugged: Unplug
    Charged --> [*]
    Unplugged --> [*]
1 Like