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

The whole VCL in one package

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

<div class="tabs" role="tablist">
  <div class="tab" role="tab" tabindex="0">
    <a class="tab-label" href="#">Tab 1</a>
    <button class="button transparent square">
      <span class="icon fas fa-times-circle"></span>
    </button>
  </div>
  <div class="tab selected" role="tab" aria-selected="true">
    <a class="tab-label" href="#">Tab 2</a>
    <button class="button transparent square">
      <span class="icon fas fa-times-circle"></span>
    </button>
  </div>
  <div class="tab disabled" role="tab" aria-disabled="true">
    <span class="tab-label">Disabled Tab 3</span>
  </div>
  <div class="tab" role="tab">
    <button class="button transparent square">
      <span class="icon fas fa-plus"></span>
    </button>
  </div>
</div>