JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://code.jquery.com/ui/1.8.20/themes/base/jquery-ui.css">
<div id="myDlg"></div>

CSS

html, body { font-size: 0.8em; }

#myCustomLink { font-weight: bold; text-decoration: none; margin: 3px; color: #363636; margin-right: 8px;}

#myCustomLink:hover { color: orange; }

JavaScript

$(function() {
    $("#myDlg").dialog({
        modal: true,
        buttons: {
            'Close': function() {
                $(this).dialog('close');
            }
        }
    }).parent().find('.ui-dialog-buttonset').prepend('<a href="javascript:void(0);" id="myCustomLink">My Custom Link</a>');

    $('#myCustomLink').click(function () {
        alert('my custom message');
    });
});