JSFiddle - React, Tailwind, and code Playground

by Walter Rumsby

HTML

<link rel="stylesheet" href="https://static.xero.com/content/2.6/xero.css">
<script src="https://static.xero.com/content/2.6/libs.js"></script>
<script src="https://static.xero.com/content/2.6/xero.js"></script>
<div id="here"></div>

JavaScript

Ext.widget({
    renderTo: 'here',
    xtype: 'form',
    layout: 'form',
    items: [
        {
            xtype: 'container',
            layout: 'hbox',
            cls: 'panelfield',
            items: [
                {
                    xtype: 'component',
                    html: 'Label',
                    width: 150
                },
                {
                    xtype: 'textarea',
                    labelAlign: 'top',
                    labelSeparator: '',
                    fieldLabel: 'text text text',
                    show_counter: true,
                    maxLength: 200,
                    flex: 1,
                    padding: {
                        right: 40
                    }
                },
                {
                    xtype: 'checkbox',
                    boxLabel: 'Public',
                    width: 60
                    
                }
            ]
        }
    ]
});