JSFiddle - React, Tailwind, and code Playground

HTML

<div id="dialog" title="Basic dialog">
<p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
</div>

JavaScript

$(function() {
$( "#dialog" ).dialog({
  autoOpen: true,
  show: {
    effect: "slideRightIn",
    duration: 1000
    
  },
  hide: {
    effect: "",
    duration: 1000
  }
});
});