You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
The diagramDefinition is the mermaid diagram definition.
and config is the mermaid config. You can use the config param when you want to pass some custom config to mermaid.
Currently mermaid-to-excalidraw only supports the 👇 config params
{/** * Whether to start the diagram automatically when the page loads. * @default false */startOnLoad?: boolean;/** * The flowchart curve style. * @default "linear" */
flowchart?: {curve?: "linear"|"basis";};/** * Theme variables * @default { fontSize: "20px" } */
themeVariables?: {fontSize?: string;};/** * Maximum number of edges to be rendered. * @default 500 */
maxEdges?: number;/** * Maximum number of characters to be rendered. * @default 50000 */
maxTextSize?: number;}
Example code:
import{parseMermaidToExcalidraw}from"@excalidraw/mermaid-to-excalidraw";try{const{ elements, files }=awaitparseMermaidToExcalidraw(diagramDefinition,{themeVariables: {fontSize: "25px",},});// Render elements and files on Excalidraw}catch(e){// Parse error, displaying error message to users}