JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/mermaid/8.4.8/mermaid.min.js"></script>
<div class="mermaid">
  graph LR;
  A-->B;
  click A exampleCallback "Tooltip for a callback"
  click B "http://www.github.com" "This is a tooltip for a link"
</div>

JavaScript

mermaid.initialize({
	startOnLoad: true,
  securityLevel: 'loose'
});
var exampleCallback = function() {
  alert('A callback was triggered');
}