JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.jquery.com/jquery-1.6.2.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/redmond/jquery-ui.css">
<html>
    <head>
    </head>
    <body>
        <input type="text" style="position: absolute; top: 16px; left: 550px; display: block;" onclick="return confirmDialog(this, 'MyTitle', 'MyText');">
    </body>
</html>

CSS

.btnOk
{
    background: url(http://cdn2.iconfinder.com/data/icons/crystalproject/24x24/apps/clean.png) no-repeat;
    margin: 0;
    padding: 0;
    border: 0;
    cursor: hand;
    width: 24px;
    height: 24px;
}

.btnCancel
{
    background: url(http://cdn2.iconfinder.com/data/icons/fugue/bonus/icons-24/cross.png) no-repeat;
    margin: 0;
    padding: 0;
    border: 0;
    cursor: hand;
    width: 24px;
    height: 24px;
}

JavaScript

function confirmDialog(obj, title, dialogText) { 
    $('body').append("<div id='dialog' title='" + title + "'><p>" + dialogText + "</p></div>", title, dialogText);
    $('#dialog').dialog({
        modal: true,
        resizable: false,
        draggable: true,
        width: 300,
        height: 250,
        close: function (event, ui) { 
            $('body').find('#dialog').remove(); 
        },
        buttons: {
            "ok" : {
                click: function() {
                    alert('OK');
                    $(this).dialog('close');
                },
                text: "OK",
                'class': 'btnOk'
            },
            "cancel": {
                click: function() {
                    alert('Cancel');
                    $(this).dialog('close');
                },
                text: "Cancel",
                'class': 'btnCancel'                
            }
        }
    });
};