JSFiddle - React, Tailwind, and code Playground

by sran

HTML

<script src="http://docs.sencha.com/ext-js/4-1/extjs-build/ext-all.js"></script>
<link rel="stylesheet" href="http://docs.sencha.com/ext-js/4-1/extjs-build/resources/css/ext-all.css">

JavaScript

Ext.onReady(function () {
  var field = Ext.create('Ext.form.field.Text',{
      name: 'name',
      fieldLabel: 'Message',
      allowBlank: false
  });
  // callParent is not allowed for prototype
  Ext.form.field.Text.prototype.setValue = function(val) {
        var me = this,
            inputEl = me.inputEl;

        if (inputEl && me.emptyText && !Ext.isEmpty(value)) {
            inputEl.removeCls(me.emptyCls);
            me.valueContainsPlaceholder = false;
        }

        me.callParent(arguments);

        me.applyEmptyText();
        return me;
  };
  Ext.create('Ext.form.Panel', {
      title: 'Contact Info',
      width: 300,
      bodyPadding: 10,
      renderTo: Ext.getBody(),
      items: [field]
  });
  
  field.setValue('Hello there');
});