JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.8.4/dijit/themes/claro/claro.css">
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.8.4/dojox/layout/resources/FloatingPane.css">
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.8.4/dojox/layout/resources/ResizeHandle.css">
<div id="fp">This is the content of the pane!</div>
<div data-dojo-type="dijit/form/Button" data-dojo-props="label:'Show me', onClick:function(){fp.show();}"></div>

JavaScript

var fp;
require(["dojo/ready", "dojo/parser", "dojo/on", "dojox/layout/FloatingPane", "dijit/form/Button"], function(ready, parser, on, FloatingPane, Button) {
    ready(function() {
        parser.parse();
        fp = new FloatingPane({
            title: "Test",
            resizable: true,
            dockable: false,
            style: "position:absolute;top:0;left:0;width:100px;height:100px;visibility:hidden;",
            id: "fp"
        }, dojo.byId("fp"));
        fp.startup();
        on(fp._resizeHandle, "resize", function(e) {
           // Event handler
            console.log("test");
        });
    });
});