JSFiddle - React, Tailwind, and code Playground

by amitaviv99

HTML

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

JavaScript

Ext.onReady(function () {

Ext.create('Ext.panel.Panel', {
    width: 500,
    height: 400,
    title: 'Layout Example',
    layout: 'border',
    renderTo: document.body,
    
    items: [{
        region: 'north',
        title: 'north',
        html: 'north'
    },{
        region: 'center',
         title: 'center',
        html: 'center'
    },{
        region: 'east',
        layout: {
            type: 'accordion',
            fill: true
        },
        defaults: {
            minHeight: 0
        },
        items: [{
            title: 'Panel1',
            html: 'Panel1'
        },{
            title: 'Panel2',
            html: 'Panel2'
        },{
            title: 'Panel3',
            html: 'Panel3'
        }]    
    }]
});    
});