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

JavaScript

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