@vcl/vcl/tab-nav/demo/example-basic-no-links.html

The whole VCL in one package

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v6.1.1/css/all.css">

<div class="tabbable">
  <div class="tabs" role="tablist">
    <div class="tab" role="tab" aria-controls="panel1" tabindex="0">
      <span class="tab-label">Tab 1</span>
      <span class="tab-label badge rounded">10</span>
    </div>
    <div class="tab selected" role="tab" aria-selected="true" aria-controls="panel2">
      <span class="tab-label">Tab 2</span>
      <span class="tab-label badge rounded">100</span>
    </div>
    <div class="tab disabled" role="tab" aria-controls="panel3" aria-disabled="true">
      <span class="tab-label">Disabled Tab 3</span>
      <span class="tab-label badge rounded">4</span>
    </div>
  </div>
  <div class="tab-content no-border">
    <div id="panel2" role="tabpanel" class="tab-panel">
      I'm content of tab #2.
    </div>
  </div>
</div>