JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container-1">
    <ul>
        <li><a href="#fragment-1">List</a></li>
    </ul>	
	<div id="fragment-1">
	</div>
</div>
<button id="add_tab">Add Tab</button>

JavaScript

$(document).ready(function(){
	
	var tabs = $("#container-1").tabs();
	$('#add_tab').click( function(){
			var ul = tabs.find( "ul" );
			$( "<li><a href='#newtab'>New Tab</a></li>" ).appendTo( ul );
			$( "<div id='newtab'>Name :<input type='text' id='name'></input></div>" ).appendTo( tabs );
			tabs.tabs( "refresh" );
			tabs.tabs( "option", "active", -1 );
		});
});