JSFiddle - React, Tailwind, and code Playground

HTML

<div id='tabs'>
    <ul>
        <li><a href='#tab1'>Tab 1</a></li>
        <li><a href='#tab2'>Tab 2</a></li>
    </ul>
    
    <div id='tab1'>This is tab 1</div>
    <div id='tab2'>This is tab 2</div>
</div>

CSS

body {
    font-size: 13px;
    font-family: Arial, sans-serif;
}

p {
    font-size: 12px;
    line-height: 1.5em;
}

JavaScript

$(document).ready(function(){
    $('#tabs').tabs();
    
    $('#tabs').bind('tabsselect',function(e, ui) {
        console.log(ui);
    });
});