JSFiddle - React, Tailwind, and code Playground

HTML

<div id="floatingPane"></div>
<div id="floatingPane2"></div>

JavaScript

dojo.require("dojox.layout.FloatingPane");
dojo.require("dijit.layout.BorderContainer");
dojo.require("dijit.form.Button");
dojo.require("dijit.form.SimpleTextarea");
dojo.require("dijit.layout.ContentPane");

dojo.require("dojox.layout.FloatingPane");
dojo.require("dijit.layout.BorderContainer");
dojo.require("dijit.form.Button");
dojo.require("dijit.form.SimpleTextarea");
dojo.require("dijit.layout.ContentPane");
dojo.ready(function() {
    var fp = new dojox.layout.FloatingPane({
        title: "A floating pane ",
        id: "dFloatingPane",
        content: 'foo bar wibble',
        resizable: false,
        dockable: true,
        //style: "width:100px;height:100px;"
        style: "position:absolute; top:30px; left:30px; width:150px; height:200px; color:#000000; padding:1px;"
    }, dojo.byId("floatingPane") );
    
    fp.startup();
    //fp.show();
    
     var fp2 = new dojox.layout.FloatingPane({
        title: "A floating pane 2",
        id: "dFloatingPane2",
        content: 'foo 2 bar wibble 2',
        resizable: false,
        dockable: true,
        //style: "width:100px;height:100px;"
        style: "position:absolute; top:130px; left:30px; width:150px; height:200px; color:#000000; padding:1px;"
    }, dojo.byId("floatingPane2"));
    
    fp2.startup();
});