JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://code.jquery.com/ui/1.8.19/themes/base/jquery-ui.css" type="text/css" media="all" />

<div id="dialog" title="Basic dialog">
    <p>Example</p>
</div>

<button id="opener">Open Dialog</button>

JavaScript

// increase the default animation speed to exaggerate the effect
    $(function() {
        $( "#dialog" ).dialog({
            autoOpen: false,
            open: function(event, ui) {alert("test open"); }
        });
    });

    $( "#opener" ).click(function() {
        $( "#dialog" ).dialog( "open" );
        return false;
    });