mermaid/docs/breakingChanges.md

THIS IS AN AUTOGENERATED FILE. DO NOT EDIT. Please edit the corresponding file in packages/mermaid/src/docs.

Breaking changes

Breaking changes from history version to latest version:

#1

mermaid.initialize({
    sequenceDiagram:{
        ...
    }
})

has been changed to

mermaid.initialize({
    sequence:{
        ...
    }
})

#2

In old versions you needed to reference a CSS file in your HTML:

<link rel="stylesheet" href="mermaid.min.css" />

or

<link rel="stylesheet" href="mermaid.forest.min.css" />

Now it is not needed, and there are no more CSS files in the distribution files.

You just:

mermaid.initialize({
  theme: 'forest',
});

and it works like a charm because now the CSS is inline with the SVG to allow simpler portability.