JSFiddle - React, Tailwind, and code Playground

by Thomas B.

HTML

<link rel="stylesheet" href="http://dev.sencha.com/deploy/ext-4.1.0-gpl/resources/css/ext-all.css">
<script src="http://dev.sencha.com/deploy/ext-4.1.0-gpl/ext-all-debug.js"></script>

JavaScript

Ext.onReady(function () {
    Ext.create('Ext.window.Window', {
        width: 500,
        height: 300,

        layout: 'border',

        items: [{
            xtype: 'panel',
            title: 'panel1',
            region: 'center',
            flex: 4
        }, {
            xtype: 'panel',
            title: 'panel2',
            region: 'east',
            flex: 1,

            collapsible: true,
            collapsed: true,
            animCollapse: true,
            collapseDirection: Ext.Component.DIRECTION_BOTTOM,
            titleCollapse: false,
            floatable: true
        }]
    }).show();
});