JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/jquery-ui.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css">
<div id="dialog-confirm" title="Dialog"></div>
<button>clickme</button>

JavaScript

var dial = $("#dialog-confirm");
dial.dialog({
    autoOpen:false,
    resizable: false,
    height:140,
    modal: true,
    closeOnEscape:true,
    close: function() {
         $(this).remove();
    },
    buttons: [{
            text: "Ok",
            click: function () {
                $(this).dialog("close");
            }
        }, {
            text: "Cancel",
            click: function () {
                $(this).dialog("close");
            }
        }]
});
$("button").click(function() { dial.dialog("open"); });