Additional Arrow Types

I’ve highlighted the arrows I most commonly use, but for completeness, there is a list shown of all the supported arrow types in Mermaid flowcharts. I’ve also included some alternative syntax for some arrows we’ve used already, in case you prefer the alternative.

ExampleDescriptionSyntax
images/model-software-architecture/link-with-arrowhead.pngLink with ArrowheadA-->B
images/model-software-architecture/link-arrowhead-text.pngLink with Arrowhead (with text)A-- text -->B or A-->|text|B
images/model-software-architecture/link-no-arrowhead.pngLink with No ArrowheadA—B
Link with No Arrowhead (with text) ...

Get Creating Software with Modern Diagramming Techniques now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.