JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://static.branch12.test.xero.com/content/1.6/xero.css">

JavaScript

Ext.widget({
    xtype: 'container',
    width: 940,
    renderTo: Ext.getBody(),
    layout: {
        type: 'hbox',
        columns: 2
    },
    defaults: {
        labelAlign: 'left',
        labelPad: 64,
        labelSeparator: '',
        labelWidth: 96
    },
    items: [
        {
            xtype: 'textfield',
            fieldLabel: 'One'
        },
        {
            xtype: 'textfield',
            fieldLabel: 'Two'
        },
        {
            //xtype: 'textfield',
            xtype: 'component',
            html: 'Three (this is a really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really really)',
            width: 300
        },
        {
            xtype: 'textfield',
            fieldLabel: 'Four'
        },
        {
            xtype: 'textfield',
            fieldLabel: 'Five'
        }
    ]   
});