JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#tab1" >tab1</a>
<a href="#tab2" >tab2</a>
<a href="#tab3" >tab3</a>
<div class="content-tab" id="tab1">Content 1</div>
<div class="content-tab" id="tab2">Content 2</div>
<div class="content-tab" id="tab3">Content 3</div>

CSS

.content-tab {
   display: none;
}
.content-tab:target {
  display: block;
}