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

Cisco Momentum UI Framework for React Collaboration Applications

<div classname="MyClass" class="md-tab md-tab--tabs md-tab--nav MyClass">
  <div heading="test">
    test
  </div>
  <div>
    <ul class="md-tab__list" role="tablist">
      <div role="presentation">
        <li class="md-tab__item active" role="presentation" tabindex="0">
          <a href="javascript:void(0)" role="tab" tabindex="0"> Onboarding </a>
        </li>
      </div>
      <div role="presentation">
        <li class="md-tab__item" role="presentation" tabindex="0">
          <a href="javascript:void(0)" role="tab" tabindex="-1"> Subscriptions </a>
        </li>
      </div>
      <div role="presentation">
        <li class="md-tab__item" role="presentation" tabindex="0">
          <a href="javascript:void(0)" role="tab" tabindex="-1"> Info </a>
        </li>
      </div>
    </ul>
  </div>
  <div class="md-tab__content">
    <div class="md-tab__pane active">
      <div class="md-tab__content">Pane A1</div>
    </div>
    <div class="md-tab__pane">
      <div class="md-tab__content">Pane A2</div>
    </div>
    <div class="md-tab__pane">
      <div class="md-tab__content">Pane A3</div>
    </div>
  </div>
</div>