JSFiddle - React, Tailwind, and code Playground

HTML

<div id="dialog">
<p>わたしはムスカ大佐だ。通信経路が破壊されたくさい。ゴリアテー！</p>
</div>
<button id="opener">クリックしたまえ！</button>

CSS

#dialog{border:1px solid #ccc;}
p{padding:20px;}

JavaScript

$(document).ready(function() {
    $( "#dialog" ).dialog({
        autoOpen: false,
        show: "Drop",
        hide: "explode"
    });
  $('#opener').click(openDialog);
})

var openDialog = function(){

   $('#dialog').dialog('option', 'buttons',{
      "消したまえ！":function(){
         $('#dialog').dialog('close');
      }
  });
 $('#dialog').dialog('open');
};