JSFiddle - React, Tailwind, and code Playground

HTML

<script type="text/javascript" src="http://fancyapps.com/fancybox/source/jquery.fancybox.pack.js?v=2.1.1"></script>
<div id="popup">
    <form>
        Name: <input type="text" value="" /><br />
        Last Name: <input type="text" value="" /><br />
    </form>
    <input type='button' value='Cancel' onclick='javascript:document.getElementById("fancybox-close").click();' /> 
</div>

CSS

@import url("http://fancyapps.com/fancybox/source/jquery.fancybox.css?v=2.1.1");

#popup {
    background:red;
    padding:20px;
    color:black;
}

JavaScript

$.fancybox.open('#popup',{
        
    });