JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://fancyapps.com/fancybox/source/jquery.fancybox.js"></script>
<link rel="stylesheet" href="http://fancyapps.com/fancybox/source/jquery.fancybox.css">
<div id="preview-box" style="display: none;"></div>
JavaScript
$("#preview-box").html('<a href="http://www.google.com" target="_blank" >Go To Original</a>');
$.fancybox({
href: "#preview-box",
autoSize: false,
width: '80%',
height: '80%',
afterClose: function () {
$("#preview-box").empty();
}
});