Also enable disabled for tab-item.

Enable for tab-item class the same disabled functionality that exists for button

scss/_tabs.scss

@@ -227,3 +227,10 @@
     position: relative;
   }
 }
+
+.tab-item.disabled,
+.tab-item[disabled] {
+  opacity: .4;
+  cursor: default !important;
+  pointer-events: none;
+}

test/css/tab-bars-icons-bottom.html

@@ -48,6 +48,14 @@
         Clean
         <i class="icon ion-waterdrop"></i>
       </a>
+      <a class="tab-item disabled">
+        Disabled
+        <i class="icon ion-close-circled"></i>
+      </a>
+      <a disabled class="tab-item">
+        Inactive
+        <i class="icon ion-close"></i>
+      </a>
     </nav>
 
   </body>

test/css/tab-bars-icons-left.html

@@ -48,6 +48,14 @@
         <i class="icon ion-waterdrop"></i>
         Clean
       </a>
+      <a class="tab-item disabled">
+        <i class="icon ion-close-circled"></i>
+        Disabled
+      </a>
+      <a disabled class="tab-item">
+        <i class="icon ion-close"></i>
+        Inactive
+      </a>
     </nav>
 
   </body>

test/css/tab-bars-icons-right.html

@@ -48,6 +48,14 @@
         Clean
         <i class="icon ion-waterdrop"></i>
       </a>
+      <a class="tab-item disabled">
+        Disabled
+        <i class="icon ion-close-circled"></i>
+      </a>
+      <a disabled class="tab-item">
+        Inactive
+        <i class="icon ion-close"></i>
+      </a>
     </nav>
 
   </body>

test/css/tab-bars-no-icons.html

@@ -43,6 +43,12 @@
       <a class="tab-item">
         Clean
       </a>
+      <a class="tab-item disabled">
+        Disabled
+      </a>
+      <a disabled class="tab-item">
+        Inactive
+      </a>
     </nav>
 
   </body>

test/css/tab-bars-only-icons.html

@@ -43,6 +43,12 @@
       <a class="tab-item tab-item-danger">
         <i class="icon ion-waterdrop"></i>
       </a>
+      <a class="tab-item disabled">
+        <i class="icon ion-close-circled"></i>
+      </a>
+      <a disabled class="tab-item">
+        <i class="icon ion-close"></i>
+      </a>
     </nav>
 
   </body>

test/css/tab-bars.html

@@ -48,6 +48,14 @@
         <i class="icon ion-waterdrop"></i>
         Clean
       </a>
+      <a class="tab-item disabled">
+        <i class="icon ion-close-circled"></i>
+        Disabled
+      </a>
+      <a disabled class="tab-item">
+        <i class="icon ion-close"></i>
+        Inactive
+      </a>
     </nav>
 
   </body>