JSFiddle - React, Tailwind, and code Playground

by Barry Margolin

HTML

<a class="tooltip" onClick="createTooltip(this, 'Test Tooltip', 'blah blah blah blah blah blah blah blah blah')"><div class="dialog-anchor"></div>anchor text</a>

JavaScript

function createTooltip(elem, h4, p) {
    $(elem).find('.dialog-anchor').prepend('<div class="dialog-container"><div class="tooltip-dialog"><h4>'+h4+'</h4><p>'+p+'</p></div><div class="bg"></div></div>');
}