JSFiddle - React, Tailwind, and code Playground

by Walter Rumsby

HTML

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

JavaScript

Ext.widget({
    xtype: 'panel',
    renderTo: 'main',
    width: 400,
    items: [{
        html: '<img src="http://33.media.tumblr.com/8d43b7589dd5ae602331d958fcc76d82/tumblr_mpn2y3d7qE1qdyeoco1_500.gif">'
    }],
    dockedItems: [{
        xtype: 'toolbar',
        dock: 'bottom',
        items: ['1', ' ', 'selected', '->', {
            xtype: 'button',
            cls: 'blue',
            text: 'Update'
        }, ' ']
    }]
});