JSFiddle - React, Tailwind, and code Playground

by cancerbero_sgx

HTML

<script src="http://yui.yahooapis.com/3.7.3/build/yui/yui-min.js"></script>
<div id="root" class="yui3-skin-sam">lkasjdls</div>

JavaScript

/*my problem with tabview is that if it contains widgets I always must render the tab view AFTER all the other widgets. This is not alwais desired....*/

YUI().use("tabview", "panel", function(y){
    var root = y.one("#root"); 

   
    var tb = new y.TabView( {
        children: [{
            label: 'foo',
            content: '<p>foo content</p>'
        }, {
            label: 'bar',
            content: '<p>bar content</p>'
        }, {
            label: 'baz',
            content: '<p>baz content</p>'
        }]
    });
    tb.render(root); 
    
    p.set("bodyContent", tb.get("contentBox")); 
    p.render(); 
    
   /*  var p = new y.Panel({centered: true});
    p.render(root); */

});