JSFiddle - React, Tailwind, and code Playground

by BeNdErR

HTML

<script src="https://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css">
<div id="myDivId"></div>

JavaScript

$("#myDivId").dialog({
    modal: true,
    resizable: false,
    closeOnEscape: false,
    draggable: false,
    title: "<div><span class='ui-dialog-title'>History</span>" +
                           "<a class='ui-dialog-titlebar-close ui-corner-all'>" +
                          "<span class='ui-icon ui-icon-closethick'>X</span></a></div>",
    width: 400,
    height: 300,
    open: function (event, ui) {
        $('.ui-widget-overlay').css('height', $(window).height());
    },
    close: function () {
        alert(1);
    }
});