Skip to main content

MermaidDiagram

Function MermaidDiagram 

Source
pub fn MermaidDiagram(props: MermaidDiagramProps) -> Result<VNode, RenderError>
Expand description

Renders a mermaid diagram.

The component outputs a <pre class="mermaid"> element that mermaid.js recognises. A use_effect hook (WASM-only) lazily loads mermaid from jsDelivr, detects the current DaisyUI theme, and calls mermaid.run() targeting only this element. A MutationObserver on <html data-theme> re-renders the diagram when the user toggles themes.