JSFiddle - React, Tailwind, and code Playground

by Thomas Upton

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.8/dojo/resources/dojo.css">
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.8/dijit/themes/tundra/tundra.css">
<body class="tundra">
    <div id="container"></div>
</body>

CSS

html, body, #container {
    height: 100%;
    width: 100%;
}

JavaScript

require([
    'dijit/TitlePane',
    'dojo/dom',
    'dijit/layout/BorderContainer'
], function(TitlePane, dom) {

    var tp1 = new TitlePane({
        title: 'title',
        content: 'content',
        open: false
    });
    
    var tp2 = new TitlePane({
        title: 'another title',
        content: 'other content'
    });
    
    tp1.placeAt(dom.byId('container'));
    tp2.placeAt(dom.byId('container'));
    tp1.startup();
    tp2.startup();
});