Tabs Component

Tabs are a simple component of simple horizontal response navigation that usually tells the user the location of the current page.

Use the active class to report the current page. The navigation of the internal links will be disabled.


Tabs Example.

The tabs do not use color variations.

Only this color.
<nav class="e-tabs">
  <ul>
    <li><a href="#">Home</a></li>
    <li><a href="#">About</a></li>
    <li class="active">
      <a href="#">Support</a>
    </li>
  </ul>
</nav>
Alignment

<nav class="e-tabs centered">
  <ul>
    <li><a href="#">Home</a></li>
    <li><a href="#">About</a></li>
    <li class="active">
      <a href="#">Support</a>
    </li>
  </ul>
</nav>
<nav class="e-tabs align-end">
  <ul>
    <li><a href="#">Home</a></li>
    <li><a href="#">About</a></li>
    <li class="active">
      <a href="#">Support</a>
    </li>
  </ul>
</nav>
<nav class="e-tabs">
  <ul>
    <li><a href="#"><i class="fas fa-home text-danger"></i> Home</a></li>
    <li><a href="#"><i class="far fa-address-card text-success"></i> About</a></li>
    <li class="active"><a href="#">
      <i class="fas fa-business-time text-sky"></i> Support</a>
    </li>
  </ul>
</nav>
Contribute on GitHub
Become a sponsor.

If you are using our framework in a product that generates income, you can also help its maintenance if you wish, if you frequently help in your company or personal developments consider making a recurring donation.

If you want to see your company's logo on this site it's time to be a serious Sponsor.

eFrolic | framework css 2020
eFrolic | framework css 2020

One-time donation


Donate
eFrolic | framework css 2020
eFrolic | framework css 2020

Serious sponsor


Become a Patron