JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.17/themes/base/jquery-ui.css">
<form>
<div>
This is a dialog.
</div>
</form>
CSS
body {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
}
JavaScript
$(document).ready(function() {
$("div").dialog({
modal: true
}).dialog("widget")
.next(".ui-widget-overlay")
.css("background", "#f00ba2");
});