JSFiddle - React, Tailwind, and code Playground

by jstenkvist

HTML

<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/ui-lightness/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.js"></script>
<div id="dialog" class="dialog" title="My Title"></div><button id="open">open</button>

JavaScript

$(document).ready(function () {

    $('#open').click(function () {
        $("#dialog").dialog("open");
    });

    $("#dialog").dialog({
        autoOpen: false,
        height: 400,
        width: 350,
        modal: true,
        /*
        open: function () {
            var $widget = $(this).dialog("widget");
            $(".ui-dialog").find(".ui-dialog-buttonpane button:first").hide();
        },
        */
        buttons: [{
            text: 'SAVE',
            click: function () {
                alert('save');
                $(this).dialog("close");
            }
        }, {
            text: 'CANCEL',
            click: function () {
                $(this).dialog("close");
            }
        }]
    });

});