JSFiddle - React, Tailwind, and code Playground

by veeramarni

CSS

left-panel {
    position:absolute;
    left:0;
    right:auto;
	width: 400px;
	height:100%;
	background-color: #efeff4;
	border-right: 1px solid #789;
	z-index:3;		
}
.right-panel {
    position:absolute;
    right:0;
    left:auto;
	width: 360px;
	height:100%;
	background-color: #efeff4;
	border-left: 1px solid #789;
	z-index:3;		
}
.slideable-panel {
    position:absolute; 
	background-color: #efeff4;
    z-index:4;
    width:100%;
    height:100%;
}

JavaScript

//Enyo Template
enyo.ready(function() {
    enyo.kind({
        name: "MySample",
        components: [
            {kind: "onyx.Toolbar", content: "Your sample here"}
        ]
    });

    new enyo.Application({view: "MySample"});
});