JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.10/themes/base/jquery-ui.css">

<!DOCTYPE html>
<html>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>
<meta charset=utf-8 />
<script>
$(function() {
$("#tabs").tabs({
show: function(event, ui) {
if(ui.index===1) {
$("#dialog").parent().height(600);
}
}
});
$("#dialog").dialog();
});
</script>
<div id="dialog">
<div id="tabs">
<ul>
<li><a href="#tabs-1">tab 1</a></li>
<li><a href="#tabs-2">tab 2</a></li>
</ul>
<div id="tabs-1">test 1</div>
<div id="tabs-2">test 2</div>
</div>
</div>
</html>