1. Home
  2. UI Elements
  3. Unlimited Nav Tabs

Unlimited Nav Tabs header small text goes here...

Main Features
Responsive in any screen size
Autofocus on Active Tabs
Support Expand Features
Auto Show / Hide Next & Prev Button
Light / Dark Mode
Unlimited Navigation Tabs is not compatible with the bootstrap dropdown menu. 
<!-- inverse theme -->
<div class="panel panel-inverse panel-with-tabs">
  <div class="panel-heading p-0">
    <div class="tab-overflow">
      <ul class="nav nav-tabs nav-tabs-inverse">
        <li class="nav-item prev-button"><a href="javascript:;" data-click="prev-tab" class="nav-link text-primary"><i class="fa fa-arrow-left"></i></a></li>
        <li class="nav-item">
          <a href="#nav-tab-1" data-bs-toggle="tab" class="nav-link active">Nav Tab 1</a>
        </li>
        ...
        <li class="nav-item next-button"><a href="javascript:;" data-click="next-tab" class="nav-link text-primary"><i class="fa fa-arrow-right"></i></a></li>
      </ul>
    </div>
    <div class="panel-heading-btn me-2 ms-2 d-flex">
      <a href="javascript:;" class="btn btn-xs btn-icon btn-circle btn-secondary" data-toggle="panel-expand"><i class="fa fa-expand"></i></a>
    </div>
  </div>
  <div class="panel-body tab-content">
    <div class="tab-pane fade active show" id="nav-tab-1">
      ...
    </div>
  </div>
</div>

<!-- default theme -->
<div class="panel panel-with-tabs">
  <div class="panel-heading p-0">
    <div class="tab-overflow">
      <ul class="nav nav-tabs">
        ...
      </ul>
    </div>
  </div>
</div>
App Settings
 
 
 
 
 
 
 
 
 
 
 
 
Dark Mode NEW
Adjust the appearance to reduce glare and give your eyes a break.
Header Fixed
Header Inverse
Sidebar Fixed
Admin Design (5)
Language Version (7)
Frontend Design (5)
Documentation Reset Local Storage