JSFiddle - React, Tailwind, and code Playground

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: 1
            },{
                xtype: 'panel',
                title: 'panel2',
                region: 'south',
                flex: 1,
                
                collapsible: true,
                collapsed: true,
                animCollapse: false,
                collapseDirection: Ext.Component.DIRECTION_BOTTOM,
                titleCollapse: true,
                floatable: false
        }]
    }).show();
});