JSFiddle - React, Tailwind, and code Playground

HTML

<!--//create a div that has the contents of what you want-->
    <div id="popUpDialog">some Text here<input type='text'></input></div>

     <!--//create an event to cause this popup to show up somewhere... i.e. a buttons onClick event-->
     <input id='btnTrigger' type='button' value='Show Dialog'></input>

JavaScript

var el = document.getElementById("btnTrigger");

el.addEventListener('mousedown', function() {
    confirm('Do you want to delete this record');
    var popUp = document.getElementById("popUpDialog");
    popup.style.display = 'block';
            // Possibly want to set position of popup, depending on how you've implemented it
});

showDialog();     
function showDialog() {
    var el = document.getElementById("popUpDialog")
    //     var el = document.getElementById('popUpDialog');
    el.style.display = 'block';
}