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,
		delay: 500,
        duration: 5000,
	}/*,
	close: function(event, ui) {
		ui.tooltip.closest('.ui-effects-wrapper').remove() // clean up because of jquery ui bug
	}*/
});