JSFiddle - React, Tailwind, and code Playground

by mikeys4u

HTML

<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.1/themes/smoothness/jquery-ui.css">
<button class="showDialog">Show</button>
<div id="loginDialog" title="New Campaigns Just Added">
My note
</div>

JavaScript

$(function () {
    $("#loginDialog").dialog({
        width: "auto",
        
        autoOpen: false,
        buttons: {
            "OK": function () {
                $(this).dialog("close");
            }
        },
        dialogClass: "no-title",
        hide: {
            effect: "scale",
            easing: "easeInBack"
        },
        show: {
            effect: "scale",
            easing: "easeOutBack"
        }
    });
    
    $(".showDialog").click(function() {
        $("#loginDialog").dialog("open");
    });
});