JSFiddle - React, Tailwind, and code Playground

by zero7

HTML

<button id="item">click</button>
<div id="dialog-modal">
    <span class="close">close</span>
</div>

CSS

#dialog-modal{
    width:600px;
    height:400px;
    border-top: 1px solid #E78F08;
    border-right: 1px solid #E78F08;
    border-bottom: 1px solid #E78F08;
    border-left: 1px solid #E78F08;
    display:none; 
}

.close{
    float: right;
    color:#E78F08;
    text-align:right;
    margin-right:10px;
    cursor:pointer
}

JavaScript

$('#item').click(function() {
    $("#dialog-modal").dialog({
            closeText: '',
            });
});

$('.close').click(function(){  $("#dialog-modal").dialog('close'); });