JSFiddle - React, Tailwind, and code Playground

by robasc33

HTML

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

CSS

.dijitTitlePaneContentOuter{
  height: 200px;
}

JavaScript

require( [
      'dojo/parser',
      'dijit/layout/ContentPane',
      'dijit/layout/TabContainer',
      'dijit/TitlePane',
      'dojo/domReady!'

	  ], function(
       parser,
       ContentPane,
       TabContainer,
       TitlePane
    ) {
          
      var pane = function()
      {
      var tc = new TabContainer({
        class: 'tabcontainer'
      });

      var cp1 = new ContentPane( {
        title: 'tab 1'
      });

      tc.addChild( cp1 );

      var tp = new TitlePane({
        title: 'a title pane',
        class: 'titlepane',  
        content: tc
      }, 'tp');

      tp.startup();          
          
      }

      parser.parse().then(
          
          pane()
      )



	  } );