JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://highslide.com/highslide/highslide-full.js"></script>
<link rel="stylesheet" href="http://highslide.com/highslide/highslide.css">
<div>
    <a href="http://fiddle.jshell.net/roadrash/7AHX9/show/light/" onclick="return hs.htmlExpand(this, iframeOptions)">
        Open Highslide iframe popup
    </a>
</div>

CSS

.highslide-html-content {
    width: 100px;
}

JavaScript

// maxWidth for HTML popups

hs.graphicsDir = 'http://highslide.com/highslide/graphics/';
hs.outlineType = 'rounded-white';
hs.wrapperClassName = 'draggable-header';

var iframeOptions = {
    objectType: 'iframe',
    preserveContent: false,
    dimmingOpacity: 0.8,
    maxWidth: 275,
    allowWidthReduction: true
};