JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/ui/1.9.2/jquery-ui.min.js"></script>
<a href="#"><div class="btn button" id="btnbutton">Click here for a dialog!</></a>
<br><span class="tooltip">rgba(66, 222, 57, .8);</span>

<div id="are-you-sure" title="Dialog">Here it is!
</div>

JavaScript

var opt = {
        autoOpen: false,
        modal: true,
        width: 550,
        height:650,
        title: 'Details'
};    

$('#btnbutton').mouseover(function () {
       $('#are-you-sure').dialog(opt).dialog('open');
    });