JSFiddle - React, Tailwind, and code Playground

by sheshu036

HTML

<div class="panel panel-default">
   <div class="panel-heading">
 Steps count
       </div>
   <div class="panel-body">
<div role="tabpanel">

  <!-- Nav tabs -->
  <ul class="nav nav-tabs" role="tablist">
    <li role="presentation" class="active"><a href="#Week" aria-controls="home" role="tab" data-toggle="tab">Week</a></li>
    <li role="presentation"><a href="#Month" aria-controls="profile" role="tab" data-toggle="tab">Month</a></li>
    <li role="presentation"><a href="#Year" aria-controls="messages" role="tab" data-toggle="tab">Year</a></li>

  </ul>

  <!-- Tab panes -->
  <div class="tab-content">
    <div role="tabpanel" class="tab-pane active" id="Week">1...</div>
    <div role="tabpanel" class="tab-pane" id="Month">2...</div>
    <div role="tabpanel" class="tab-pane" id="Year">3...</div>
   
  </div>

</div>
       
        </div>
</div>