@momentum-ui/react-collaboration/scss/components/tabs/examples/justified.html

Cisco Momentum UI Framework for React Collaboration Applications

<div class="md-tab md-tab--pills md-tab--justified" type="pills">
  <ul class="md-tab__list" role="tab">
    <li class="md-tab__item active">
      <a role="tab" href="" aria-current="true">First Tab</a>
    </li>
    <li class="md-tab__item">
      <a role="tab" href="" aria-current="false">Second Tab</a>
    </li>
    <li class="md-tab__item">
      <a role="tab" href="" aria-current="false">Third Tab</a>
    </li>
  </ul>
  <div class="md-tab__content">
    <div class="md-tab__pane active">
      <div class="md-tab__content">Testing 1</div>
    </div>
    <div class="md-tab__pane">
      <div class="md-tab__content">Testing 2</div>
    </div>
    <div class="md-tab__pane">
      <div class="md-tab__content">Testing 3</div>
    </div>
  </div>
</div>