JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.10/themes/redmond/jquery-ui.css">
<div class="demo">

<div id="dialog-confirm" title="Empty the recycle bin?">
    <p><span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;"></span>Example</p>
</div>

 This is something
    <input type="button" value="test" onclick="alert('check')">

JavaScript

$( "#dialog-confirm" ).dialog({
            resizable: false,
            height:140,
            modal: true,
            buttons: {
                "Modal": function() {
                    $( this ).dialog("option","modal",true)
                        .dialog("close")
                        .dialog("open");
                },
                "Modeless": function() {
                    $( this ).dialog("option","modal",false)
                        .dialog("close")
                        .dialog("open");
                },
                "chiao": function() {
                    $( this ).dialog("destroy");
                }
            }
        });