JSFiddle - React, Tailwind, and code Playground

by molecule

HTML

<link rel="stylesheet" href="http://dev.sencha.com/deploy/ext-4.0.2a/resources/css/ext-all.css">

CSS

body {
    background: #aaa;
}

JavaScript

var cp = new Ext.picker.Color({
    value: '993300',  // initial selected color
    //style: {backgroundColor: "#fff", borderColor: "#000", borderWidth: "1px"},
    //renderTo: Ext.getBody()
});
Ext.define('Ext.MyPickerWrapper', {
    extend: 'Ext.Component', 
    frame: true,  
    style: {
        width: 'auto',
        backgroundColor: "#fff",
        borderWidth: '1px',
        borderColor: '#99BCE8',
        borderStyle: 'solid'
      },
    shadow: true,
    initComponent: function(){
        this.colorPicker = cp;
        this.callParent([arguments]);
        this.on('afterrender', function(me){me.colorPicker.render(me.el);});
    },
        renderTo: Ext.getBody()
    });
Ext.create('Ext.MyPickerWrapper');