JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://colorpowered.com/colorbox/core/colorbox/jquery.colorbox.js"></script>
<link rel="stylesheet" href="http://colorpowered.com/colorbox/core/example1/colorbox.css">
<p><a class='example7' href="http://yahoo.com">Outside Webpage (Iframe)</a></p>

JavaScript

$(document).ready(function(){
    $(".example7").colorbox({width:"80%", height:"80%", iframe:true});
});