JSFiddle - React, Tailwind, and code Playground

HTML

<div id="tabs">
  <ul>
    <li><a href="#tabs-1" id="titleee">Campaign 1</a></li>
    <li><a href="#tabs-2" id="titleee">Campaign 2</a></li>
    <li><a href="#tabs-3" id="titleee">Campaign 3</a></li>
    <li><a href="#tabs-3" id="titleee">Campaign 4</a></li>
  </ul>

  <div id="tabs-1">1</div>
  <div id="tabs-2">2</div>
  <div id="tabs-3">3</div>
  <div id="tabs-4">3</div>
</div>

CSS

table.imagetable th {
  background: #b5cfd2 url('/static/cell-blue.jpg');
  border-width: 1px;
  padding: 12px;
  border-style: solid;
  border-color: #999999;
}

table.imagetable td {
  background: #dcddc0 url('/static/cell-grey.jpg');
  border-width: 1px;
  padding: 8px;
  border-style: solid;
  border-color: #999999;
}

JavaScript

$(function() {
    $( "#tabs" ).tabs();
 });