JSFiddle - React, Tailwind, and code Playground

by Daniele Manca

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.1.8/semantic.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.1.8/semantic.min.js"></script>
<div class="ui top tabular menu">
  <a class="item active" data-tab="first">Recent payments</a>
  <a class="item" data-tab="second">Account history</a>
  <a class="item" data-tab="third">Client details</a>
  <a class="item" data-tab="fourth">Messages & notes</a>
</div>

JavaScript

$('.ui.tabular.menu').tab();