OpenKnowledge
Components

Mermaid

Diagram rendered from Mermaid source (flowchart, sequence, class, state, ER, gantt, pie). Authored exclusively as ` ```mermaid ` fenced code

Example

Preview
```mermaid
graph LR
    Author((Author)) --> Editor[OK Editor]
    Editor -- CRDT --> Server[(Hocuspocus)]
    Server --> Agent{{AI Agent}}
    Agent --> Editor
```

Props

No public props.

Also matches: mermaid, diagram, flowchart, graph, sequence, sequencediagram, class, state, er, erdiagram, gantt, pie, chart

Author it

Type /mermaid in the editor to insert it from the slash menu, or write the tag directly in source mode. The Properties panel on the right of the editor exposes every prop above as a form field once the block is selected.

On this page

Product updates