JSFiddle - React, Tailwind, and code Playground

by naokiota

HTML

<div id="dialog-confirm" title="Empty the recycle bin?">
    <p><span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;"></span>These items will be permanently deleted and cannot be recovered. Are you sure?</p>
</div>

JavaScript

$( "#dialog-confirm" ).dialog({
            resizable: false,
            height:140,
            modal: true,
            create: function(event, ui) {  },
            buttons: {
                "Delete all items": function() {
                    $( this ).dialog( "close" );
                },
                Cancel: function() {
                    $( this ).dialog( "close" );
                }
            }
        });