JSFiddle - React, Tailwind, and code Playground

by johanhaest

HTML

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

JavaScript

Ext.onReady(function () {
    var showNameEditor = {
        xtype: 'textfield',
        name: 'name',
        label: 'Name',
        required: true
    };
    var textEditor = {
        xtype: 'textfield',
        name: 'name',
        label: 'Name',
        required: true
    };
    var showsList = {
        xtype: 'list',
        title: 'Sample',
        itemTpl: '{title}',
        data: [{
            title: 'Item 1'
        }, {
            title: 'Item 2'
        }, {
            title: 'Item 3'
        }, {
            title: 'Item 4'
        }]
    };

    this.add([topToolbar, {
        xtype: "fieldset",
        items: [showNameEditor, showsList, textEditor]
    },
    bottomToolbar]);
});