tab-container

back edit

This demo uses tabnav from Primer CSS.

<tab-container>
  <div class="tabnav mb-3">
    <div role="tablist" class="tabnav-tabs">
      <button type="button" class="tabnav-tab" role="tab" aria-selected="true">Linux</button>
      <button type="button" class="tabnav-tab" role="tab">Mac OS X</button>
      <button type="button" class="tabnav-tab" role="tab">Windows</button>
    </div>
  </div>
  <div role="tabpanel" class="markdown-body f5">
    <pre>Instruction for Linux</pre>
  </div>
  <div role="tabpanel" hidden class="markdown-body f5">
    <pre>Instruction for Mac OS X</pre>
  </div>
  <div role="tabpanel" hidden class="markdown-body f5">
    <pre>Instruction for Windows</pre>
  </div>
</tab-container>