JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.7/themes/base/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.7/jquery-ui.min.js"></script>
<div id="mylist" class="puttabs ui-tabs ui-widget ui-widget-content ui-corner-all">
    <ul>
        <li><a href="#item1">Without period</a></li>
        <li><a href="#item1.2">With Period</a></li>
    </ul>
    <div id="item1">
        nownvoweutwuyiun wi ow etowiu vowueovuweov
    </div>
    <div id="item1.2">
        uyniuyeu w tovweowveowheoiweowetwñeltwñk o pwj epwj tpwj etpiw
    </div>
</div>

JavaScript

// Tabs
$(function(){
$('#mylist').tabs(); 
});