JSFiddle - React, Tailwind, and code Playground

by ult_combo

HTML

<script src="//ajax.aspnetcdn.com/ajax/jquery.ui/1.8.22/jquery-ui.min.js"></script>
<link rel="stylesheet" href="//ajax.aspnetcdn.com/ajax/jquery.ui/1.8.22/themes/redmond/jquery-ui.css">
<div id="foo" title="Dialog title">Dialog text</div>

JavaScript

$(function() {

    $('#foo').dialog({
        buttons: {
            Yes: function() { $(this).dialog('close'); },
            No: function() { $(this).dialog('close'); }
        }
    });
    
    $('.ui-button-text').each(function() {
        var $this = $(this);
        $this.html($this.parent().attr('text'));
    });

});