JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.jquery.com/ui/1.9.0/jquery-ui.min.js"></script>
<div id='testDialog'>
<span>test</span>
</div>

JavaScript

$(function () {
$('#testDialog').dialog({
    resizable: true,
    modal: true,
    show: {
        effect: 'blind',
        duration: 250
    },
    hide: {
        effect: 'clip',
        duration: 250
    },
    close: function (event, ui) {
        alert('closed')

}
});
});