JSFiddle - React, Tailwind, and code Playground

by Jordan Hawker

HTML

<link rel="stylesheet" href="ui.theme.css">
<link rel="stylesheet" href="jquery-ui.css">
<div id="dlg">Hello I am a dialog.  Click outside me to close!</div>

JavaScript

$("#dlg").dialog({
        resizable: false,
        modal: true,
        create: function(event, ui) {
            var widget = $(this).dialog("widget");
            $(".ui-dialog-titlebar-close span", widget).removeClass("ui-icon-closethick").addClass("ui-icon-minusthick");
        }
    });

$('.ui-widget-overlay').live('click', function() {
        $('#dlg').dialog("close");
    });