JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://cdn.sencha.com/ext/gpl/4.2.0/resources/css/ext-all.css">
<link rel="stylesheet" href="http://cdn.sencha.com/ext/gpl/4.2.0/examples/ux/grid/css/GridFilters.css">
<link rel="stylesheet" href="http://cdn.sencha.com/ext/gpl/4.2.0/examples/ux/grid/css/RangeMenu.css">
<title>Simple Grid Sample for ExtJs</title>

JavaScript

Ext.Loader.setConfig({
    enabled: true
});
Ext.Loader.setPath(
    'Ext.ux',
    'http://cdn.sencha.com/ext/gpl/4.2.0/examples/ux/');

Ext.require(['Ext.data.*',
    'Ext.data.proxy.*',
    'Ext.data.reader.*',
    'Ext.grid.*',
    'Ext.tree.*',
    'Ext.ux.grid.FiltersFeature', 
    'Ext.toolbar.Paging',
    'Ext.ux.form.SearchField', 
    'Ext.util.*',
    'Ext.state.*']);



Ext.onReady(function () {

    
    var f = Ext.create('Ext.form.Panel', {
        items: [
           {
                xtype: 'combobox',    
                store: {
                    fields: ['name'],
                    data: [
                        {name: 'Red'},
                        {name: 'Yellow'},
                        {name: 'Green'}
                    ]},
                maxLength: 64
                
            }
        ]
    })
                       
                       
    Ext.create('Ext.tab.Panel', {
            renderTo: document.body,
            items: [f]
        }
    );
});