JSFiddle - React, Tailwind, and code Playground

by darkajax

HTML

<div id='newSenderDialog'>
<form id='newSender'>
    <ul>
        <li>
            <label>Email Address</label>
            <span class='formElement'><input type='text' name='senderEmail' /></span>
        </li>
        <li>
            <label>Campus</label>
            <span class='formElement'></span>
        </li>
    </ul>
  </form>
</div>
<button id="new">Open</button>

JavaScript

$("div#newSenderDialog").dialog({
        autoOpen: false,
        height: 400,
        width: 600,
        title: "New Template Sender",
        modal: true,
        position: {top: 50, left: 20},
        buttons: {
                Cancel: function (){$(this).dialog('close');}
            }
    });
$("button#new").click(function(){
    $("div#newSenderDialog").dialog('open');
});