JSFiddle - React, Tailwind, and code Playground

by amoiseev

HTML

<link rel="stylesheet" href="http://cdn.sencha.io/ext-4.0.7-gpl/resources/css/ext-all-gray.css">

JavaScript

Ext.onReady(function() {
    Ext.create('Ext.container.Viewport', {
        layout: {
            type: 'vbox',
            align: 'stretch'
        },
        defaults: {
            height: 120
        },
        items: [{
            xtype: 'panel',
            title: 'TEXT'
        }, {
            xtype: 'panel',
            title: 'TOOLBAR'
        }, {
            xtype: 'panel',
            title: 'MAIN'
        }, {
            xtype: 'splitter',
            height: 10,
            style: {
                background: '#002366'
            }
        }, {
            xtype: 'panel',
            title: 'FOOTER'
        }]
    });
});