JSFiddle - React, Tailwind, and code Playground

HTML

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

JavaScript

var form = Ext.create('Ext.form.Panel', {
    title: 'Simple Display',
    autoHeight: true,
    renderTo: Ext.getBody(),
    layout: "column",
    items: [{
        xtype: "textfield",
        fieldLabel: 'Name',
        name: "a"}],
    buttons: [{
        text: "Show Message",
        handler: function() {
            Ext.Msg.show({
                title: 'Question',
                width:300,
                msg: 'Voulez vous quoi savoir',
                buttons: Ext.Msg.YESNOCANCEL,
                icon: 'adf-icon',
                fn: function(btn) {
                    switch (btn) {
                    case 'yes':
                        Ext.Msg.prompt('Merci', 'moi aussi je vous aime');
                        break;
                    case 'no':
                        Ext.Msg.alert('Ah bon ...', 'c bon ,tu sens pas');
                        break;
                    case 'cancel':
                        Ext.Msg.wait('Sauvegarde des données...', 'c\'est bon ');
                        break;
                    }
                }
            });
        }}]
});