pan>
  <span class="nt">&lt;/div&gt;</span>
<span class="nt">&lt;/div&gt;</span>
</code></pre></div></div>

<h2 id="horizontal-tab">Horizontal Tab</h2>

<p>To create a horizontal tab navigation,
a <code class="highlighter-rouge">.grid</code> need be wrapped in the <code class="highlighter-rouge">.tab</code> container.
Letâ€™s see the below example for detail.</p>

<div style="margin: 1rem -1rem">
  
<div class="tab">
  <div class="grid">
    <div class="col-4 col-3-m">
      <nav class="tab-indicators 