JSFiddle - React, Tailwind, and code Playground

HTML

<div id="thePopup"></div>
<input type="button" id="mybutt" value="Show the Popup" />

JavaScript

$('#thePopup').dialog({
	autoOpen: false,
	modal:true,
	title: 'You can put any title here:',
	width: 400, //default width is 300px, default height is auto
	buttons: {
		Giraffe: function() {
			alert('You hit subMIT');
			$(this).dialog('close');
		}
	}
}); //END dialog init

$('#mybutt').click(function() {
    $('#thePopup').html('<h2>The Raven</h2><p>Once upon a midnight dreary, while I pondered weak and weary, over many a quaint an curious volume of forgotten lore...</p>');
	$('#thePopup').dialog('open');
});