JSFiddle - React, Tailwind, and code Playground

by gene

HTML

<div id="dialog">foo dialog</div>

<div><button id="openbutton" dialog="#dialog" >Open</button></div>

CSS

#dialog {
   
}

JavaScript

makeDialog('#dialog');


$('#openbutton').button().click(function() {
    var dlgSelector = $(this).attr('dialog');
    var $dlg = $(dlgSelector).data('notes');
    $dlg.dialog('open');
});

function makeDialog(selector) {
    var $dlgElem = $(selector);
    var $dialog = $dlgElem.dialog({autoOpen: false,
                                   title: 'Dialog'});
    $dlgElem.data('notes', $dialog);
}