Mermaid

Create visual representations on the fly in your Slite docs.

Built-in

Overview

The Mermaid integration enhances your Slite workspace by incorporating powerful diagramming capabilities into your docs. This seamless connection helps teams explain concepts visually, improving communication and understanding while keeping all information in one place.‍

How it works

In your Slite doc, type /mermaid to activate the Mermaid integration. This will create a code block where you can enter Mermaid's Markdown-inspired syntax to describe your diagram. Once you've entered the text, Slite will automatically render it into a visual representation. You can edit the text anytime to update the diagram.Remember to refer to the Mermaid documentation for the correct syntax for different types of diagrams!

‍

Built by

Slite

Resources

https://mermaid.js.org/