JSFiddle - React, Tailwind, and code Playground

by el_chief

HTML

<link rel="stylesheet" type="text/css" href="//extjs.cachefly.net/ext-4.0.2a/resources/css/ext-all-gray.css" />

JavaScript

Ext.define('Mcg.view.Viewport', {
    extend: 'Ext.container.Viewport',

    layout: {
        type: 'border'
    },

    initComponent: function() {
        var me = this;

        Ext.applyIf(me, {
            items: [
                {
                    xtype: 'container',
                    layout: {
                        type: 'fit'
                    },
                    region: 'center'
                },
                {
                    xtype: 'container',
                    height: 100,
                    html: 'appage',
                    region: 'north'
                }
            ]
        });

        me.callParent(arguments);
    }
});

Ext.define('Mcg.navigation.View', {
    extend:'Ext.container.Container',
    
    initComponent: function(){
        this.callParent(arguments);
    }
});

Ext.application({
    name:'Mcg',
    autoCreateViewport:true,
    
    launch: function(){
        
    }
});