JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<body>
    <div class="nav-panel">
        <div class="menu">
            <div class="item" style="width: 100px; height: 100px" title="Some sampling tip"></div>
        </div>
    </div>
</body>

JavaScript

$(function () {
    $(".nav-panel .menu .item").tooltip({
        tooltipClass: "info",
        track: true,
        show: {
            effect: "drop",
            direction: "up",
            delay: 1500,
            duration: 600,
            easing: "easeOutQuart"
        },
        position: {
            my: "left+15 top+15",
            collision: "none"
        }
    });
});