JSFiddle - React, Tailwind, and code Playground

by nkovacs

HTML

<div class="target">Hover me</div>

CSS

.target {
    width: 200px;
    height: 200px;
    background:lightsteelblue;
}

JavaScript

$(document).tooltip({
    items: '.target',
    content: 'hello world',
    show: {
        effect: 'drop',
        direction: 'up',
        easing: 'swing',
        distance: 4,
        duration: 5000
    }
    /*,
	close: function(event, ui) {
		ui.tooltip.closest('.ui-effects-wrapper').remove();
	}*/
});