JSFiddle - React, Tailwind, and code Playground

by TJ VanToll

HTML

<link href="http://code.jquery.com/ui/jquery-ui-git.css" rel="stylesheet" />
<script src="http://code.jquery.com/jquery-git.js"></script>
<script src="http://code.jquery.com/ui/jquery-ui-git.js"></script>

<div class="item" title="Some sampling tip"></div>

CSS

.item {
    height: 100px;
    width: 100px;
    border: 1px solid black;
}

JavaScript

$( ".item" ).tooltip({
    track: true,
    show: {
        effect: "drop",
        direction: "up",
        delay: 300
    }
});