JSFiddle - React, Tailwind, and code Playground

by Osama Qassar

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.3/css/bootstrap.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.3/js/bootstrap.min.js"></script>
<div class="nav " >
  
    <button class="active" data-bs-toggle="tab" data-bs-target="#home">Home</button>

    <button class=""  data-bs-toggle="tab" data-bs-target="#profile" >Profile</button>
    
    <button class="" data-bs-toggle="tab" data-bs-target="#contact" >Contact</button>

</div>

<div class="tab-content" >
  <div class="tab-pane fade show active" id="home" >1</div>
  <div class="tab-pane fade" id="profile" >2</div>
  <div class="tab-pane fade" id="contact" >3</div>
</div>