mirror of
https://github.com/hanzo-docs/team.git
synced 2026-10-30 18:59:50 +00:00
- Standalone Fumadocs (Next 16 static export) app, same stack as hanzo-docs org - 79 pages ported from upstream Huly docs, fully rebranded to Hanzo Team - Removed lead/inventory; added Account & billing (orgs/workspaces, usage, agents) - Login updated to Continue with Hanzo (hanzo.id) + Google/GitHub + email - CF Pages deploy workflow (org CF creds) -> docs.hanzo.team
19 lines
1009 B
Plaintext
19 lines
1009 B
Plaintext
---
|
|
title: Mermaid diagrams
|
|
description: Learn how to create diagrams with MermaidJS.
|
|
---
|
|
|
|
Hanzo Team supports the creation of diagrams using MermaidJS, a simple markdown-like language for generating diagrams and flowcharts. For specific syntax and examples of different kinds of diagrams you can create, see the [MermaidJS documentation](https://mermaid.js.org/intro/).
|
|
|
|
## Creating a diagram
|
|
|
|
To create a diagram in a document, type `/` and select `Diagram`. This will open a dialog where you can enter your MermaidJS code.
|
|
|
|
When valid MermaidJS code is entered, the diagram will automatically render in the space below. Collapsing the code editor will leave only the diagram visible on the page.
|
|
|
|
## Editing a diagram
|
|
|
|
To edit a diagram after it's been created, click the diagram to open the editor. This will allow you to make changes to the MermaidJS code, and you'll see the results in real time.
|
|
|
|
> **Note:** Clicking on a diagram and pressing the delete key will remove the diagram from the document.
|