JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/themes/base/jquery-ui.css">
<div id="myDialog" class="juiDialog" title="My dialog">
	<h3>Some text blah blah blah</h3>
    <h3>Some more text blah blah blah blah</h3>
    <h3>Some more text blah balh blah blah blah</h3>
		</div>

<div>
    <button id="b1">Test</button>
</div>

CSS

.juiDialog {
    display: None;
}

JavaScript

var theDialog = $("#myDialog").dialog({
        autoOpen: true,
        modal: true,
        width: 'auto',
        closeOnEscape: false,
		draggable: false,
		resizable: false,
	    buttons: {}
});

$("#b1").click(function(event) {
    $("#myDialog").dialog("open");
});