JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/ui/1.11.2/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.11.2/themes/black-tie/jquery-ui.css">
<button>Open Html5 dialog</button>

<dialog>
    <p>Html5 &lt;dialog&gt; with a <span title="I am a tooltip">jQuery UI tooltip</span></p>
</dialog>

CSS

span {
    text-decoration: underline;
    font-weight: bold;
}

JavaScript

$('button').click(function(e) {
    $('dialog')[0].showModal();
});

$('span').tooltip();