JSFiddle - React, Tailwind, and code Playground

by molecule

HTML

<link rel="stylesheet" href="http://dev.sencha.com/deploy/ext-4.0.2a/resources/css/ext-all.css">

JavaScript

Ext.create('Ext.panel.Panel', {
        width: 600,
        height: 400,
        title: 'Border Layout',
        layout: 'border',
        items: [{
            title: 'West Region is collapsible',
            region:'west',
            xtype: 'panel',
            width: 400,
            id: 'west-region-container',
            layout: 'fit'
        },{
            title: 'Center Region',
            region: 'center',
            xtype: 'panel',
            layout: 'fit',
        }],
        renderTo: Ext.getBody()
    });
var myMask = new Ext.LoadMask(Ext.getCmp('west-region-container').el, {useMsg: false});
myMask.show();
var msg = Ext.Msg.show({
    title:'Save Changes?',
    msg: 'Bla-Bla',
    buttons: Ext.Msg.OK,
    modal: false
});
msg.alignTo(Ext.getCmp('west-region-container').el, 'c-c');
//msg.center();