JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/start/jquery-ui.css">
<div>
    <div id="dialog" title="Test">
        <form>
            text input: <input type="text" />
        </form>
    </div>
</div>

<button>open dialog</button>

JavaScript

$(function(){
   
    var d = $("#dialog").dialog();
    
    $("button").click(function(){
       d.dialog("open"); 
    });
});