@patternfly/patternfly 4.210.1 → 4.212.0

package/docs/components/Tabs/examples/Tabs.md

@@ -12,6 +12,7 @@ cssPrefix: pf-c-tabs
 <div class="pf-c-tabs" id="default-example">
   <button
     class="pf-c-tabs__scroll-button"
+    type="button"
     disabled
     aria-hidden="true"
     aria-label="Scroll left"
@@ -20,23 +21,36 @@ cssPrefix: pf-c-tabs
   </button>
   <ul class="pf-c-tabs__list">
     <li class="pf-c-tabs__item">
-      <button class="pf-c-tabs__link" id="default-example-users-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="default-example-users-link"
+      >
         <span class="pf-c-tabs__item-text">Users</span>
       </button>
     </li>
     <li class="pf-c-tabs__item pf-m-current">
-      <button class="pf-c-tabs__link" id="default-example-containers-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="default-example-containers-link"
+      >
         <span class="pf-c-tabs__item-text">Containers</span>
       </button>
     </li>
     <li class="pf-c-tabs__item">
-      <button class="pf-c-tabs__link" id="default-example-database-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="default-example-database-link"
+      >
         <span class="pf-c-tabs__item-text">Database</span>
       </button>
     </li>
 
     <li class="pf-c-tabs__item">
       <button
+        type="button"
         class="pf-c-tabs__link"
         disabled
         id="default-example-disabled-link"
@@ -46,6 +60,7 @@ cssPrefix: pf-c-tabs
     </li>
     <li class="pf-c-tabs__item">
       <button
+        type="button"
         class="pf-c-tabs__link pf-m-aria-disabled"
         aria-disabled="true"
         id="default-example-aria-disabled-link"
@@ -54,7 +69,11 @@ cssPrefix: pf-c-tabs
       </button>
     </li>
     <li class="pf-c-tabs__item">
-      <button class="pf-c-tabs__link" id="default-example-network-wired-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="default-example-network-wired-link"
+      >
         <span class="pf-c-tabs__item-text">Network</span>
       </button>
     </li>
@@ -62,6 +81,7 @@ cssPrefix: pf-c-tabs
 
   <button
     class="pf-c-tabs__scroll-button"
+    type="button"
     disabled
     aria-hidden="true"
     aria-label="Scroll right"
@@ -93,12 +113,18 @@ cssPrefix: pf-c-tabs
   class="pf-c-tabs pf-m-scrollable"
   id="default-overflow-beginning-of-list-example"
 >
-  <button class="pf-c-tabs__scroll-button" disabled aria-label="Scroll left">
+  <button
+    class="pf-c-tabs__scroll-button"
+    type="button"
+    disabled
+    aria-label="Scroll left"
+  >
     <i class="fas fa-angle-left" aria-hidden="true"></i>
   </button>
   <ul class="pf-c-tabs__list">
     <li class="pf-c-tabs__item">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="default-overflow-beginning-of-list-example-users-link"
       >
@@ -107,6 +133,7 @@ cssPrefix: pf-c-tabs
     </li>
     <li class="pf-c-tabs__item pf-m-current">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="default-overflow-beginning-of-list-example-containers-link"
       >
@@ -115,6 +142,7 @@ cssPrefix: pf-c-tabs
     </li>
     <li class="pf-c-tabs__item">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="default-overflow-beginning-of-list-example-database-link"
       >
@@ -124,6 +152,7 @@ cssPrefix: pf-c-tabs
 
     <li class="pf-c-tabs__item">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="default-overflow-beginning-of-list-example-server-link"
       >
@@ -132,6 +161,7 @@ cssPrefix: pf-c-tabs
     </li>
     <li class="pf-c-tabs__item">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="default-overflow-beginning-of-list-example-system-link"
       >
@@ -140,6 +170,7 @@ cssPrefix: pf-c-tabs
     </li>
     <li class="pf-c-tabs__item">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="default-overflow-beginning-of-list-example-network-wired-link"
       >
@@ -148,6 +179,7 @@ cssPrefix: pf-c-tabs
     </li>
     <li class="pf-c-tabs__item">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="default-overflow-beginning-of-list-example-cloud-link"
       >
@@ -156,6 +188,7 @@ cssPrefix: pf-c-tabs
     </li>
     <li class="pf-c-tabs__item">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="default-overflow-beginning-of-list-example-automation-link"
       >
@@ -164,6 +197,7 @@ cssPrefix: pf-c-tabs
     </li>
     <li class="pf-c-tabs__item">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="default-overflow-beginning-of-list-example-files-link"
       >
@@ -172,7 +206,11 @@ cssPrefix: pf-c-tabs
     </li>
   </ul>
 
-  <button class="pf-c-tabs__scroll-button" aria-label="Scroll right">
+  <button
+    class="pf-c-tabs__scroll-button"
+    type="button"
+    aria-label="Scroll right"
+  >
     <i class="fas fa-angle-right" aria-hidden="true"></i>
   </button>
 </div>
@@ -200,6 +238,7 @@ cssPrefix: pf-c-tabs
   <ul class="pf-c-tabs__list">
     <li class="pf-c-tabs__item">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="horizontal-overflow-example-users-link"
       >
@@ -208,6 +247,7 @@ cssPrefix: pf-c-tabs
     </li>
     <li class="pf-c-tabs__item pf-m-current">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="horizontal-overflow-example-containers-link"
       >
@@ -216,6 +256,7 @@ cssPrefix: pf-c-tabs
     </li>
     <li class="pf-c-tabs__item">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="horizontal-overflow-example-database-link"
       >
@@ -225,6 +266,7 @@ cssPrefix: pf-c-tabs
 
     <li class="pf-c-tabs__item">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="horizontal-overflow-example-server-link"
       >
@@ -233,6 +275,7 @@ cssPrefix: pf-c-tabs
     </li>
     <li class="pf-c-tabs__item">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="horizontal-overflow-example-system-link"
       >
@@ -241,6 +284,7 @@ cssPrefix: pf-c-tabs
     </li>
     <li class="pf-c-tabs__item">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="horizontal-overflow-example-network-wired-link"
       >
@@ -249,6 +293,7 @@ cssPrefix: pf-c-tabs
     </li>
     <li class="pf-c-tabs__item pf-m-overflow">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="horizontal-overflow-example-more-link"
       >
@@ -270,6 +315,7 @@ cssPrefix: pf-c-tabs
   <ul class="pf-c-tabs__list">
     <li class="pf-c-tabs__item">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="horizontal-overflow-expanded-example-users-link"
       >
@@ -278,6 +324,7 @@ cssPrefix: pf-c-tabs
     </li>
     <li class="pf-c-tabs__item pf-m-current">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="horizontal-overflow-expanded-example-containers-link"
       >
@@ -286,6 +333,7 @@ cssPrefix: pf-c-tabs
     </li>
     <li class="pf-c-tabs__item">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="horizontal-overflow-expanded-example-database-link"
       >
@@ -295,6 +343,7 @@ cssPrefix: pf-c-tabs
 
     <li class="pf-c-tabs__item">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="horizontal-overflow-expanded-example-server-link"
       >
@@ -303,6 +352,7 @@ cssPrefix: pf-c-tabs
     </li>
     <li class="pf-c-tabs__item">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="horizontal-overflow-expanded-example-system-link"
       >
@@ -311,6 +361,7 @@ cssPrefix: pf-c-tabs
     </li>
     <li class="pf-c-tabs__item">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="horizontal-overflow-expanded-example-network-wired-link"
       >
@@ -319,6 +370,7 @@ cssPrefix: pf-c-tabs
     </li>
     <li class="pf-c-tabs__item pf-m-overflow">
       <button
+        type="button"
         class="pf-c-tabs__link pf-m-expanded"
         aria-expanded="true"
         id="horizontal-overflow-expanded-example-more-link"
@@ -341,6 +393,7 @@ cssPrefix: pf-c-tabs
   <ul class="pf-c-tabs__list">
     <li class="pf-c-tabs__item">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="horizontal-overflow-selected-example-users-link"
       >
@@ -349,6 +402,7 @@ cssPrefix: pf-c-tabs
     </li>
     <li class="pf-c-tabs__item">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="horizontal-overflow-selected-example-containers-link"
       >
@@ -357,6 +411,7 @@ cssPrefix: pf-c-tabs
     </li>
     <li class="pf-c-tabs__item">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="horizontal-overflow-selected-example-database-link"
       >
@@ -366,6 +421,7 @@ cssPrefix: pf-c-tabs
 
     <li class="pf-c-tabs__item">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="horizontal-overflow-selected-example-server-link"
       >
@@ -374,6 +430,7 @@ cssPrefix: pf-c-tabs
     </li>
     <li class="pf-c-tabs__item">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="horizontal-overflow-selected-example-system-link"
       >
@@ -382,6 +439,7 @@ cssPrefix: pf-c-tabs
     </li>
     <li class="pf-c-tabs__item">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="horizontal-overflow-selected-example-network-wired-link"
       >
@@ -390,6 +448,7 @@ cssPrefix: pf-c-tabs
     </li>
     <li class="pf-c-tabs__item pf-m-current pf-m-overflow">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="horizontal-overflow-selected-example-more-link"
       >
@@ -410,23 +469,36 @@ cssPrefix: pf-c-tabs
 <div class="pf-c-tabs pf-m-vertical" id="vertical-example">
   <ul class="pf-c-tabs__list">
     <li class="pf-c-tabs__item">
-      <button class="pf-c-tabs__link" id="vertical-example-users-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="vertical-example-users-link"
+      >
         <span class="pf-c-tabs__item-text">Users</span>
       </button>
     </li>
     <li class="pf-c-tabs__item pf-m-current">
-      <button class="pf-c-tabs__link" id="vertical-example-containers-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="vertical-example-containers-link"
+      >
         <span class="pf-c-tabs__item-text">Containers</span>
       </button>
     </li>
     <li class="pf-c-tabs__item">
-      <button class="pf-c-tabs__link" id="vertical-example-database-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="vertical-example-database-link"
+      >
         <span class="pf-c-tabs__item-text">Database</span>
       </button>
     </li>
 
     <li class="pf-c-tabs__item">
       <button
+        type="button"
         class="pf-c-tabs__link"
         disabled
         id="vertical-example-disabled-link"
@@ -436,6 +508,7 @@ cssPrefix: pf-c-tabs
     </li>
     <li class="pf-c-tabs__item">
       <button
+        type="button"
         class="pf-c-tabs__link pf-m-aria-disabled"
         aria-disabled="true"
         id="vertical-example-aria-disabled-link"
@@ -444,7 +517,11 @@ cssPrefix: pf-c-tabs
       </button>
     </li>
     <li class="pf-c-tabs__item">
-      <button class="pf-c-tabs__link" id="vertical-example-network-wired-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="vertical-example-network-wired-link"
+      >
         <span class="pf-c-tabs__item-text">Network</span>
       </button>
     </li>
@@ -459,6 +536,7 @@ cssPrefix: pf-c-tabs
 <div class="pf-c-tabs pf-m-box" id="box-example">
   <button
     class="pf-c-tabs__scroll-button"
+    type="button"
     disabled
     aria-hidden="true"
     aria-label="Scroll left"
@@ -467,28 +545,42 @@ cssPrefix: pf-c-tabs
   </button>
   <ul class="pf-c-tabs__list">
     <li class="pf-c-tabs__item">
-      <button class="pf-c-tabs__link" id="box-example-users-link">
+      <button type="button" class="pf-c-tabs__link" id="box-example-users-link">
         <span class="pf-c-tabs__item-text">Users</span>
       </button>
     </li>
     <li class="pf-c-tabs__item pf-m-current">
-      <button class="pf-c-tabs__link" id="box-example-containers-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="box-example-containers-link"
+      >
         <span class="pf-c-tabs__item-text">Containers</span>
       </button>
     </li>
     <li class="pf-c-tabs__item">
-      <button class="pf-c-tabs__link" id="box-example-database-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="box-example-database-link"
+      >
         <span class="pf-c-tabs__item-text">Database</span>
       </button>
     </li>
 
     <li class="pf-c-tabs__item">
-      <button class="pf-c-tabs__link" disabled id="box-example-disabled-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        disabled
+        id="box-example-disabled-link"
+      >
         <span class="pf-c-tabs__item-text">Disabled</span>
       </button>
     </li>
     <li class="pf-c-tabs__item">
       <button
+        type="button"
         class="pf-c-tabs__link pf-m-aria-disabled"
         aria-disabled="true"
         id="box-example-aria-disabled-link"
@@ -497,7 +589,11 @@ cssPrefix: pf-c-tabs
       </button>
     </li>
     <li class="pf-c-tabs__item">
-      <button class="pf-c-tabs__link" id="box-example-network-wired-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="box-example-network-wired-link"
+      >
         <span class="pf-c-tabs__item-text">Network</span>
       </button>
     </li>
@@ -505,6 +601,7 @@ cssPrefix: pf-c-tabs
 
   <button
     class="pf-c-tabs__scroll-button"
+    type="button"
     disabled
     aria-hidden="true"
     aria-label="Scroll right"
@@ -519,38 +616,64 @@ cssPrefix: pf-c-tabs
 
 ```html
 <div class="pf-c-tabs pf-m-box pf-m-scrollable" id="box-overflow-example">
-  <button class="pf-c-tabs__scroll-button" disabled aria-label="Scroll left">
+  <button
+    class="pf-c-tabs__scroll-button"
+    type="button"
+    disabled
+    aria-label="Scroll left"
+  >
     <i class="fas fa-angle-left" aria-hidden="true"></i>
   </button>
   <ul class="pf-c-tabs__list">
     <li class="pf-c-tabs__item">
-      <button class="pf-c-tabs__link" id="box-overflow-example-users-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="box-overflow-example-users-link"
+      >
         <span class="pf-c-tabs__item-text">Users</span>
       </button>
     </li>
     <li class="pf-c-tabs__item pf-m-current">
-      <button class="pf-c-tabs__link" id="box-overflow-example-containers-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="box-overflow-example-containers-link"
+      >
         <span class="pf-c-tabs__item-text">Containers</span>
       </button>
     </li>
     <li class="pf-c-tabs__item">
-      <button class="pf-c-tabs__link" id="box-overflow-example-database-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="box-overflow-example-database-link"
+      >
         <span class="pf-c-tabs__item-text">Database</span>
       </button>
     </li>
 
     <li class="pf-c-tabs__item">
-      <button class="pf-c-tabs__link" id="box-overflow-example-server-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="box-overflow-example-server-link"
+      >
         <span class="pf-c-tabs__item-text">Server</span>
       </button>
     </li>
     <li class="pf-c-tabs__item">
-      <button class="pf-c-tabs__link" id="box-overflow-example-system-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="box-overflow-example-system-link"
+      >
         <span class="pf-c-tabs__item-text">System</span>
       </button>
     </li>
     <li class="pf-c-tabs__item">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="box-overflow-example-network-wired-link"
       >
@@ -558,23 +681,39 @@ cssPrefix: pf-c-tabs
       </button>
     </li>
     <li class="pf-c-tabs__item">
-      <button class="pf-c-tabs__link" id="box-overflow-example-cloud-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="box-overflow-example-cloud-link"
+      >
         <span class="pf-c-tabs__item-text">Hybrid Cloud</span>
       </button>
     </li>
     <li class="pf-c-tabs__item">
-      <button class="pf-c-tabs__link" id="box-overflow-example-automation-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="box-overflow-example-automation-link"
+      >
         <span class="pf-c-tabs__item-text">Automation</span>
       </button>
     </li>
     <li class="pf-c-tabs__item">
-      <button class="pf-c-tabs__link" id="box-overflow-example-files-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="box-overflow-example-files-link"
+      >
         <span class="pf-c-tabs__item-text">Files</span>
       </button>
     </li>
   </ul>
 
-  <button class="pf-c-tabs__scroll-button" aria-label="Scroll right">
+  <button
+    class="pf-c-tabs__scroll-button"
+    type="button"
+    aria-label="Scroll right"
+  >
     <i class="fas fa-angle-right" aria-hidden="true"></i>
   </button>
 </div>
@@ -587,23 +726,36 @@ cssPrefix: pf-c-tabs
 <div class="pf-c-tabs pf-m-box pf-m-vertical" id="box-vertical-example">
   <ul class="pf-c-tabs__list">
     <li class="pf-c-tabs__item">
-      <button class="pf-c-tabs__link" id="box-vertical-example-users-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="box-vertical-example-users-link"
+      >
         <span class="pf-c-tabs__item-text">Users</span>
       </button>
     </li>
     <li class="pf-c-tabs__item pf-m-current">
-      <button class="pf-c-tabs__link" id="box-vertical-example-containers-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="box-vertical-example-containers-link"
+      >
         <span class="pf-c-tabs__item-text">Containers</span>
       </button>
     </li>
     <li class="pf-c-tabs__item">
-      <button class="pf-c-tabs__link" id="box-vertical-example-database-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="box-vertical-example-database-link"
+      >
         <span class="pf-c-tabs__item-text">Database</span>
       </button>
     </li>
 
     <li class="pf-c-tabs__item">
       <button
+        type="button"
         class="pf-c-tabs__link"
         disabled
         id="box-vertical-example-disabled-link"
@@ -613,6 +765,7 @@ cssPrefix: pf-c-tabs
     </li>
     <li class="pf-c-tabs__item">
       <button
+        type="button"
         class="pf-c-tabs__link pf-m-aria-disabled"
         aria-disabled="true"
         id="box-vertical-example-aria-disabled-link"
@@ -622,6 +775,7 @@ cssPrefix: pf-c-tabs
     </li>
     <li class="pf-c-tabs__item">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="box-vertical-example-network-wired-link"
       >
@@ -642,6 +796,7 @@ cssPrefix: pf-c-tabs
 >
   <button
     class="pf-c-tabs__scroll-button"
+    type="button"
     disabled
     aria-hidden="true"
     aria-label="Scroll left"
@@ -650,12 +805,17 @@ cssPrefix: pf-c-tabs
   </button>
   <ul class="pf-c-tabs__list">
     <li class="pf-c-tabs__item">
-      <button class="pf-c-tabs__link" id="box-tabs-alt-color-scheme-users-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="box-tabs-alt-color-scheme-users-link"
+      >
         <span class="pf-c-tabs__item-text">Users</span>
       </button>
     </li>
     <li class="pf-c-tabs__item pf-m-current">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="box-tabs-alt-color-scheme-containers-link"
       >
@@ -664,6 +824,7 @@ cssPrefix: pf-c-tabs
     </li>
     <li class="pf-c-tabs__item">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="box-tabs-alt-color-scheme-database-link"
       >
@@ -673,6 +834,7 @@ cssPrefix: pf-c-tabs
 
     <li class="pf-c-tabs__item">
       <button
+        type="button"
         class="pf-c-tabs__link"
         disabled
         id="box-tabs-alt-color-scheme-disabled-link"
@@ -682,6 +844,7 @@ cssPrefix: pf-c-tabs
     </li>
     <li class="pf-c-tabs__item">
       <button
+        type="button"
         class="pf-c-tabs__link pf-m-aria-disabled"
         aria-disabled="true"
         id="box-tabs-alt-color-scheme-aria-disabled-link"
@@ -691,6 +854,7 @@ cssPrefix: pf-c-tabs
     </li>
     <li class="pf-c-tabs__item">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="box-tabs-alt-color-scheme-network-wired-link"
       >
@@ -701,6 +865,7 @@ cssPrefix: pf-c-tabs
 
   <button
     class="pf-c-tabs__scroll-button"
+    type="button"
     disabled
     aria-hidden="true"
     aria-label="Scroll right"
@@ -721,6 +886,7 @@ cssPrefix: pf-c-tabs
 >
   <button
     class="pf-c-tabs__scroll-button"
+    type="button"
     disabled
     aria-hidden="true"
     aria-label="Scroll left"
@@ -729,33 +895,57 @@ cssPrefix: pf-c-tabs
   </button>
   <ul class="pf-c-tabs__list">
     <li class="pf-c-tabs__item">
-      <button class="pf-c-tabs__link" id="inset-example-users-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="inset-example-users-link"
+      >
         <span class="pf-c-tabs__item-text">Users</span>
       </button>
     </li>
     <li class="pf-c-tabs__item pf-m-current">
-      <button class="pf-c-tabs__link" id="inset-example-containers-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="inset-example-containers-link"
+      >
         <span class="pf-c-tabs__item-text">Containers</span>
       </button>
     </li>
     <li class="pf-c-tabs__item">
-      <button class="pf-c-tabs__link" id="inset-example-database-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="inset-example-database-link"
+      >
         <span class="pf-c-tabs__item-text">Database</span>
       </button>
     </li>
 
     <li class="pf-c-tabs__item">
-      <button class="pf-c-tabs__link" id="inset-example-server-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="inset-example-server-link"
+      >
         <span class="pf-c-tabs__item-text">Server</span>
       </button>
     </li>
     <li class="pf-c-tabs__item">
-      <button class="pf-c-tabs__link" id="inset-example-system-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="inset-example-system-link"
+      >
         <span class="pf-c-tabs__item-text">System</span>
       </button>
     </li>
     <li class="pf-c-tabs__item">
-      <button class="pf-c-tabs__link" id="inset-example-network-wired-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="inset-example-network-wired-link"
+      >
         <span class="pf-c-tabs__item-text">Network</span>
       </button>
     </li>
@@ -763,6 +953,7 @@ cssPrefix: pf-c-tabs
 
   <button
     class="pf-c-tabs__scroll-button"
+    type="button"
     disabled
     aria-hidden="true"
     aria-label="Scroll right"
@@ -782,6 +973,7 @@ cssPrefix: pf-c-tabs
 >
   <button
     class="pf-c-tabs__scroll-button"
+    type="button"
     disabled
     aria-hidden="true"
     aria-label="Scroll left"
@@ -790,33 +982,57 @@ cssPrefix: pf-c-tabs
   </button>
   <ul class="pf-c-tabs__list">
     <li class="pf-c-tabs__item">
-      <button class="pf-c-tabs__link" id="inset-box-example-users-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="inset-box-example-users-link"
+      >
         <span class="pf-c-tabs__item-text">Users</span>
       </button>
     </li>
     <li class="pf-c-tabs__item pf-m-current">
-      <button class="pf-c-tabs__link" id="inset-box-example-containers-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="inset-box-example-containers-link"
+      >
         <span class="pf-c-tabs__item-text">Containers</span>
       </button>
     </li>
     <li class="pf-c-tabs__item">
-      <button class="pf-c-tabs__link" id="inset-box-example-database-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="inset-box-example-database-link"
+      >
         <span class="pf-c-tabs__item-text">Database</span>
       </button>
     </li>
 
     <li class="pf-c-tabs__item">
-      <button class="pf-c-tabs__link" id="inset-box-example-server-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="inset-box-example-server-link"
+      >
         <span class="pf-c-tabs__item-text">Server</span>
       </button>
     </li>
     <li class="pf-c-tabs__item">
-      <button class="pf-c-tabs__link" id="inset-box-example-system-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="inset-box-example-system-link"
+      >
         <span class="pf-c-tabs__item-text">System</span>
       </button>
     </li>
     <li class="pf-c-tabs__item">
-      <button class="pf-c-tabs__link" id="inset-box-example-network-wired-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="inset-box-example-network-wired-link"
+      >
         <span class="pf-c-tabs__item-text">Network</span>
       </button>
     </li>
@@ -824,6 +1040,7 @@ cssPrefix: pf-c-tabs
 
   <button
     class="pf-c-tabs__scroll-button"
+    type="button"
     disabled
     aria-hidden="true"
     aria-label="Scroll right"
@@ -840,6 +1057,7 @@ cssPrefix: pf-c-tabs
 <div class="pf-c-tabs pf-m-page-insets" id="page-insets-example">
   <button
     class="pf-c-tabs__scroll-button"
+    type="button"
     disabled
     aria-hidden="true"
     aria-label="Scroll left"
@@ -848,33 +1066,54 @@ cssPrefix: pf-c-tabs
   </button>
   <ul class="pf-c-tabs__list">
     <li class="pf-c-tabs__item">
-      <button class="pf-c-tabs__link" id="page-insets-example-users-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="page-insets-example-users-link"
+      >
         <span class="pf-c-tabs__item-text">Users</span>
       </button>
     </li>
     <li class="pf-c-tabs__item pf-m-current">
-      <button class="pf-c-tabs__link" id="page-insets-example-containers-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="page-insets-example-containers-link"
+      >
         <span class="pf-c-tabs__item-text">Containers</span>
       </button>
     </li>
     <li class="pf-c-tabs__item">
-      <button class="pf-c-tabs__link" id="page-insets-example-database-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="page-insets-example-database-link"
+      >
         <span class="pf-c-tabs__item-text">Database</span>
       </button>
     </li>
 
     <li class="pf-c-tabs__item">
-      <button class="pf-c-tabs__link" id="page-insets-example-server-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="page-insets-example-server-link"
+      >
         <span class="pf-c-tabs__item-text">Server</span>
       </button>
     </li>
     <li class="pf-c-tabs__item">
-      <button class="pf-c-tabs__link" id="page-insets-example-system-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="page-insets-example-system-link"
+      >
         <span class="pf-c-tabs__item-text">System</span>
       </button>
     </li>
     <li class="pf-c-tabs__item">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="page-insets-example-network-wired-link"
       >
@@ -885,6 +1124,7 @@ cssPrefix: pf-c-tabs
 
   <button
     class="pf-c-tabs__scroll-button"
+    type="button"
     disabled
     aria-hidden="true"
     aria-label="Scroll right"
@@ -908,6 +1148,7 @@ cssPrefix: pf-c-tabs
 <div class="pf-c-tabs" id="icons-example">
   <button
     class="pf-c-tabs__scroll-button"
+    type="button"
     disabled
     aria-hidden="true"
     aria-label="Scroll left"
@@ -916,7 +1157,11 @@ cssPrefix: pf-c-tabs
   </button>
   <ul class="pf-c-tabs__list">
     <li class="pf-c-tabs__item">
-      <button class="pf-c-tabs__link" id="icons-example-users-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="icons-example-users-link"
+      >
         <span class="pf-c-tabs__item-icon">
           <i class="fas fa-fas fa-users" aria-hidden="true"></i>
         </span>
@@ -924,7 +1169,11 @@ cssPrefix: pf-c-tabs
       </button>
     </li>
     <li class="pf-c-tabs__item pf-m-current">
-      <button class="pf-c-tabs__link" id="icons-example-containers-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="icons-example-containers-link"
+      >
         <span class="pf-c-tabs__item-icon">
           <i class="fas fa-fas fa-box" aria-hidden="true"></i>
         </span>
@@ -932,7 +1181,11 @@ cssPrefix: pf-c-tabs
       </button>
     </li>
     <li class="pf-c-tabs__item">
-      <button class="pf-c-tabs__link" id="icons-example-database-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="icons-example-database-link"
+      >
         <span class="pf-c-tabs__item-icon">
           <i class="fas fa-database" aria-hidden="true"></i>
         </span>
@@ -941,7 +1194,11 @@ cssPrefix: pf-c-tabs
     </li>
 
     <li class="pf-c-tabs__item">
-      <button class="pf-c-tabs__link" id="icons-example-server-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="icons-example-server-link"
+      >
         <span class="pf-c-tabs__item-icon">
           <i class="fas fa-server" aria-hidden="true"></i>
         </span>
@@ -949,7 +1206,11 @@ cssPrefix: pf-c-tabs
       </button>
     </li>
     <li class="pf-c-tabs__item">
-      <button class="pf-c-tabs__link" id="icons-example-system-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="icons-example-system-link"
+      >
         <span class="pf-c-tabs__item-icon">
           <i class="fas fa-laptop" aria-hidden="true"></i>
         </span>
@@ -957,7 +1218,11 @@ cssPrefix: pf-c-tabs
       </button>
     </li>
     <li class="pf-c-tabs__item">
-      <button class="pf-c-tabs__link" id="icons-example-network-wired-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="icons-example-network-wired-link"
+      >
         <span class="pf-c-tabs__item-icon">
           <i class="fas fa-project-diagram" aria-hidden="true"></i>
         </span>
@@ -968,6 +1233,7 @@ cssPrefix: pf-c-tabs
 
   <button
     class="pf-c-tabs__scroll-button"
+    type="button"
     disabled
     aria-hidden="true"
     aria-label="Scroll right"
@@ -982,17 +1248,26 @@ cssPrefix: pf-c-tabs
 
 ```html
 <div class="pf-c-tabs pf-m-scrollable" id="default-parent-example">
-  <button class="pf-c-tabs__scroll-button" aria-label="Scroll left">
+  <button
+    class="pf-c-tabs__scroll-button"
+    type="button"
+    aria-label="Scroll left"
+  >
     <i class="fas fa-angle-left" aria-hidden="true"></i>
   </button>
   <ul class="pf-c-tabs__list">
     <li class="pf-c-tabs__item">
-      <button class="pf-c-tabs__link" id="default-parent-example-users-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="default-parent-example-users-link"
+      >
         <span class="pf-c-tabs__item-text">Users</span>
       </button>
     </li>
     <li class="pf-c-tabs__item pf-m-current">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="default-parent-example-containers-link"
       >
@@ -1000,23 +1275,36 @@ cssPrefix: pf-c-tabs
       </button>
     </li>
     <li class="pf-c-tabs__item">
-      <button class="pf-c-tabs__link" id="default-parent-example-database-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="default-parent-example-database-link"
+      >
         <span class="pf-c-tabs__item-text">Database</span>
       </button>
     </li>
 
     <li class="pf-c-tabs__item">
-      <button class="pf-c-tabs__link" id="default-parent-example-server-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="default-parent-example-server-link"
+      >
         <span class="pf-c-tabs__item-text">Server</span>
       </button>
     </li>
     <li class="pf-c-tabs__item">
-      <button class="pf-c-tabs__link" id="default-parent-example-system-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="default-parent-example-system-link"
+      >
         <span class="pf-c-tabs__item-text">System</span>
       </button>
     </li>
     <li class="pf-c-tabs__item">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="default-parent-example-network-wired-link"
       >
@@ -1025,7 +1313,11 @@ cssPrefix: pf-c-tabs
     </li>
   </ul>
 
-  <button class="pf-c-tabs__scroll-button" aria-label="Scroll right">
+  <button
+    class="pf-c-tabs__scroll-button"
+    type="button"
+    aria-label="Scroll right"
+  >
     <i class="fas fa-angle-right" aria-hidden="true"></i>
   </button>
 </div>
@@ -1034,44 +1326,76 @@ cssPrefix: pf-c-tabs
   class="pf-c-tabs pf-m-secondary pf-m-scrollable"
   id="default-child-example"
 >
-  <button class="pf-c-tabs__scroll-button" aria-label="Scroll left">
+  <button
+    class="pf-c-tabs__scroll-button"
+    type="button"
+    aria-label="Scroll left"
+  >
     <i class="fas fa-angle-left" aria-hidden="true"></i>
   </button>
   <ul class="pf-c-tabs__list">
     <li class="pf-c-tabs__item">
-      <button class="pf-c-tabs__link" id="default-child-example-sub-1-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="default-child-example-sub-1-link"
+      >
         <span class="pf-c-tabs__item-text">Item 1</span>
       </button>
     </li>
     <li class="pf-c-tabs__item">
-      <button class="pf-c-tabs__link" id="default-child-example-sub-2-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="default-child-example-sub-2-link"
+      >
         <span class="pf-c-tabs__item-text">Item 2</span>
       </button>
     </li>
     <li class="pf-c-tabs__item pf-m-current">
-      <button class="pf-c-tabs__link" id="default-child-example-sub-3-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="default-child-example-sub-3-link"
+      >
         <span class="pf-c-tabs__item-text">Item 3</span>
       </button>
     </li>
 
     <li class="pf-c-tabs__item">
-      <button class="pf-c-tabs__link" id="default-child-example-sub-4-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="default-child-example-sub-4-link"
+      >
         <span class="pf-c-tabs__item-text">Item 4</span>
       </button>
     </li>
     <li class="pf-c-tabs__item">
-      <button class="pf-c-tabs__link" id="default-child-example-sub-5-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="default-child-example-sub-5-link"
+      >
         <span class="pf-c-tabs__item-text">Item 5</span>
       </button>
     </li>
     <li class="pf-c-tabs__item">
-      <button class="pf-c-tabs__link" id="default-child-example-sub-6-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="default-child-example-sub-6-link"
+      >
         <span class="pf-c-tabs__item-text">Item 6</span>
       </button>
     </li>
   </ul>
 
-  <button class="pf-c-tabs__scroll-button" aria-label="Scroll right">
+  <button
+    class="pf-c-tabs__scroll-button"
+    type="button"
+    aria-label="Scroll right"
+  >
     <i class="fas fa-angle-right" aria-hidden="true"></i>
   </button>
 </div>
@@ -1082,38 +1406,63 @@ cssPrefix: pf-c-tabs
 
 ```html
 <div class="pf-c-tabs pf-m-box pf-m-scrollable" id="box-parent-example">
-  <button class="pf-c-tabs__scroll-button" aria-label="Scroll left">
+  <button
+    class="pf-c-tabs__scroll-button"
+    type="button"
+    aria-label="Scroll left"
+  >
     <i class="fas fa-angle-left" aria-hidden="true"></i>
   </button>
   <ul class="pf-c-tabs__list">
     <li class="pf-c-tabs__item">
-      <button class="pf-c-tabs__link" id="box-parent-example-users-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="box-parent-example-users-link"
+      >
         <span class="pf-c-tabs__item-text">Users</span>
       </button>
     </li>
     <li class="pf-c-tabs__item pf-m-current">
-      <button class="pf-c-tabs__link" id="box-parent-example-containers-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="box-parent-example-containers-link"
+      >
         <span class="pf-c-tabs__item-text">Containers</span>
       </button>
     </li>
     <li class="pf-c-tabs__item">
-      <button class="pf-c-tabs__link" id="box-parent-example-database-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="box-parent-example-database-link"
+      >
         <span class="pf-c-tabs__item-text">Database</span>
       </button>
     </li>
 
     <li class="pf-c-tabs__item">
-      <button class="pf-c-tabs__link" id="box-parent-example-server-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="box-parent-example-server-link"
+      >
         <span class="pf-c-tabs__item-text">Server</span>
       </button>
     </li>
     <li class="pf-c-tabs__item">
-      <button class="pf-c-tabs__link" id="box-parent-example-system-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="box-parent-example-system-link"
+      >
         <span class="pf-c-tabs__item-text">System</span>
       </button>
     </li>
     <li class="pf-c-tabs__item">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="box-parent-example-network-wired-link"
       >
@@ -1122,50 +1471,86 @@ cssPrefix: pf-c-tabs
     </li>
   </ul>
 
-  <button class="pf-c-tabs__scroll-button" aria-label="Scroll right">
+  <button
+    class="pf-c-tabs__scroll-button"
+    type="button"
+    aria-label="Scroll right"
+  >
     <i class="fas fa-angle-right" aria-hidden="true"></i>
   </button>
 </div>
 
 <div class="pf-c-tabs pf-m-secondary pf-m-scrollable" id="box-child-example">
-  <button class="pf-c-tabs__scroll-button" aria-label="Scroll left">
+  <button
+    class="pf-c-tabs__scroll-button"
+    type="button"
+    aria-label="Scroll left"
+  >
     <i class="fas fa-angle-left" aria-hidden="true"></i>
   </button>
   <ul class="pf-c-tabs__list">
     <li class="pf-c-tabs__item">
-      <button class="pf-c-tabs__link" id="box-child-example-sub-1-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="box-child-example-sub-1-link"
+      >
         <span class="pf-c-tabs__item-text">Item 1</span>
       </button>
     </li>
     <li class="pf-c-tabs__item">
-      <button class="pf-c-tabs__link" id="box-child-example-sub-2-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="box-child-example-sub-2-link"
+      >
         <span class="pf-c-tabs__item-text">Item 2</span>
       </button>
     </li>
     <li class="pf-c-tabs__item pf-m-current">
-      <button class="pf-c-tabs__link" id="box-child-example-sub-3-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="box-child-example-sub-3-link"
+      >
         <span class="pf-c-tabs__item-text">Item 3</span>
       </button>
     </li>
 
     <li class="pf-c-tabs__item">
-      <button class="pf-c-tabs__link" id="box-child-example-sub-4-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="box-child-example-sub-4-link"
+      >
         <span class="pf-c-tabs__item-text">Item 4</span>
       </button>
     </li>
     <li class="pf-c-tabs__item">
-      <button class="pf-c-tabs__link" id="box-child-example-sub-5-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="box-child-example-sub-5-link"
+      >
         <span class="pf-c-tabs__item-text">Item 5</span>
       </button>
     </li>
     <li class="pf-c-tabs__item">
-      <button class="pf-c-tabs__link" id="box-child-example-sub-6-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="box-child-example-sub-6-link"
+      >
         <span class="pf-c-tabs__item-text">Item 6</span>
       </button>
     </li>
   </ul>
 
-  <button class="pf-c-tabs__scroll-button" aria-label="Scroll right">
+  <button
+    class="pf-c-tabs__scroll-button"
+    type="button"
+    aria-label="Scroll right"
+  >
     <i class="fas fa-angle-right" aria-hidden="true"></i>
   </button>
 </div>
@@ -1178,6 +1563,7 @@ cssPrefix: pf-c-tabs
 <div class="pf-c-tabs pf-m-fill" id="filled-example">
   <button
     class="pf-c-tabs__scroll-button"
+    type="button"
     disabled
     aria-hidden="true"
     aria-label="Scroll left"
@@ -1186,17 +1572,29 @@ cssPrefix: pf-c-tabs
   </button>
   <ul class="pf-c-tabs__list">
     <li class="pf-c-tabs__item">
-      <button class="pf-c-tabs__link" id="filled-example-users-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="filled-example-users-link"
+      >
         <span class="pf-c-tabs__item-text">Users</span>
       </button>
     </li>
     <li class="pf-c-tabs__item pf-m-current">
-      <button class="pf-c-tabs__link" id="filled-example-containers-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="filled-example-containers-link"
+      >
         <span class="pf-c-tabs__item-text">Containers</span>
       </button>
     </li>
     <li class="pf-c-tabs__item">
-      <button class="pf-c-tabs__link" id="filled-example-database-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="filled-example-database-link"
+      >
         <span class="pf-c-tabs__item-text">Database</span>
       </button>
     </li>
@@ -1204,6 +1602,7 @@ cssPrefix: pf-c-tabs
 
   <button
     class="pf-c-tabs__scroll-button"
+    type="button"
     disabled
     aria-hidden="true"
     aria-label="Scroll right"
@@ -1220,6 +1619,7 @@ cssPrefix: pf-c-tabs
 <div class="pf-c-tabs pf-m-fill" id="filled-with-icons-example">
   <button
     class="pf-c-tabs__scroll-button"
+    type="button"
     disabled
     aria-hidden="true"
     aria-label="Scroll left"
@@ -1228,7 +1628,11 @@ cssPrefix: pf-c-tabs
   </button>
   <ul class="pf-c-tabs__list">
     <li class="pf-c-tabs__item">
-      <button class="pf-c-tabs__link" id="filled-with-icons-example-users-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="filled-with-icons-example-users-link"
+      >
         <span class="pf-c-tabs__item-icon">
           <i class="fas fa-fas fa-users" aria-hidden="true"></i>
         </span>
@@ -1237,6 +1641,7 @@ cssPrefix: pf-c-tabs
     </li>
     <li class="pf-c-tabs__item pf-m-current">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="filled-with-icons-example-containers-link"
       >
@@ -1248,6 +1653,7 @@ cssPrefix: pf-c-tabs
     </li>
     <li class="pf-c-tabs__item">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="filled-with-icons-example-database-link"
       >
@@ -1261,6 +1667,7 @@ cssPrefix: pf-c-tabs
 
   <button
     class="pf-c-tabs__scroll-button"
+    type="button"
     disabled
     aria-hidden="true"
     aria-label="Scroll right"
@@ -1277,6 +1684,7 @@ cssPrefix: pf-c-tabs
 <div class="pf-c-tabs pf-m-fill pf-m-box" id="filled-box-example">
   <button
     class="pf-c-tabs__scroll-button"
+    type="button"
     disabled
     aria-hidden="true"
     aria-label="Scroll left"
@@ -1285,17 +1693,29 @@ cssPrefix: pf-c-tabs
   </button>
   <ul class="pf-c-tabs__list">
     <li class="pf-c-tabs__item">
-      <button class="pf-c-tabs__link" id="filled-box-example-users-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="filled-box-example-users-link"
+      >
         <span class="pf-c-tabs__item-text">Users</span>
       </button>
     </li>
     <li class="pf-c-tabs__item pf-m-current">
-      <button class="pf-c-tabs__link" id="filled-box-example-containers-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="filled-box-example-containers-link"
+      >
         <span class="pf-c-tabs__item-text">Containers</span>
       </button>
     </li>
     <li class="pf-c-tabs__item">
-      <button class="pf-c-tabs__link" id="filled-box-example-database-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="filled-box-example-database-link"
+      >
         <span class="pf-c-tabs__item-text">Database</span>
       </button>
     </li>
@@ -1303,6 +1723,7 @@ cssPrefix: pf-c-tabs
 
   <button
     class="pf-c-tabs__scroll-button"
+    type="button"
     disabled
     aria-hidden="true"
     aria-label="Scroll right"
@@ -1319,6 +1740,7 @@ cssPrefix: pf-c-tabs
 <div class="pf-c-tabs pf-m-fill pf-m-box" id="filled-box-with-icons-example">
   <button
     class="pf-c-tabs__scroll-button"
+    type="button"
     disabled
     aria-hidden="true"
     aria-label="Scroll left"
@@ -1328,6 +1750,7 @@ cssPrefix: pf-c-tabs
   <ul class="pf-c-tabs__list">
     <li class="pf-c-tabs__item">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="filled-box-with-icons-example-users-link"
       >
@@ -1339,6 +1762,7 @@ cssPrefix: pf-c-tabs
     </li>
     <li class="pf-c-tabs__item pf-m-current">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="filled-box-with-icons-example-containers-link"
       >
@@ -1350,6 +1774,7 @@ cssPrefix: pf-c-tabs
     </li>
     <li class="pf-c-tabs__item">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="filled-box-with-icons-example-database-link"
       >
@@ -1363,6 +1788,7 @@ cssPrefix: pf-c-tabs
 
   <button
     class="pf-c-tabs__scroll-button"
+    type="button"
     disabled
     aria-hidden="true"
     aria-label="Scroll right"
@@ -1387,7 +1813,11 @@ cssPrefix: pf-c-tabs
   aria-label="Tabs nav"
   id="default-scroll-nav-example"
 >
-  <button class="pf-c-tabs__scroll-button" aria-label="Scroll left">
+  <button
+    class="pf-c-tabs__scroll-button"
+    type="button"
+    aria-label="Scroll left"
+  >
     <i class="fas fa-angle-left" aria-hidden="true"></i>
   </button>
   <ul class="pf-c-tabs__list">
@@ -1451,7 +1881,11 @@ cssPrefix: pf-c-tabs
     </li>
   </ul>
 
-  <button class="pf-c-tabs__scroll-button" aria-label="Scroll right">
+  <button
+    class="pf-c-tabs__scroll-button"
+    type="button"
+    aria-label="Scroll right"
+  >
     <i class="fas fa-angle-right" aria-hidden="true"></i>
   </button>
 </nav>
@@ -1464,6 +1898,7 @@ cssPrefix: pf-c-tabs
 <nav class="pf-c-tabs" aria-label="Tabs primary nav" id="primary-nav-example">
   <button
     class="pf-c-tabs__scroll-button"
+    type="button"
     disabled
     aria-hidden="true"
     aria-label="Scroll left"
@@ -1518,6 +1953,7 @@ cssPrefix: pf-c-tabs
 
   <button
     class="pf-c-tabs__scroll-button"
+    type="button"
     disabled
     aria-hidden="true"
     aria-label="Scroll right"
@@ -1533,6 +1969,7 @@ cssPrefix: pf-c-tabs
 >
   <button
     class="pf-c-tabs__scroll-button"
+    type="button"
     disabled
     aria-hidden="true"
     aria-label="Scroll left"
@@ -1586,6 +2023,7 @@ cssPrefix: pf-c-tabs
 
   <button
     class="pf-c-tabs__scroll-button"
+    type="button"
     disabled
     aria-hidden="true"
     aria-label="Scroll right"
@@ -1627,6 +2065,7 @@ cssPrefix: pf-c-tabs
   <ul class="pf-c-tabs__list">
     <li class="pf-c-tabs__item">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="vertical-expandable-example-users-link"
       >
@@ -1635,6 +2074,7 @@ cssPrefix: pf-c-tabs
     </li>
     <li class="pf-c-tabs__item pf-m-current">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="vertical-expandable-example-containers-link"
       >
@@ -1643,6 +2083,7 @@ cssPrefix: pf-c-tabs
     </li>
     <li class="pf-c-tabs__item">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="vertical-expandable-example-database-link"
       >
@@ -1652,6 +2093,7 @@ cssPrefix: pf-c-tabs
 
     <li class="pf-c-tabs__item">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="vertical-expandable-example-server-link"
       >
@@ -1660,6 +2102,7 @@ cssPrefix: pf-c-tabs
     </li>
     <li class="pf-c-tabs__item">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="vertical-expandable-example-system-link"
       >
@@ -1668,6 +2111,7 @@ cssPrefix: pf-c-tabs
     </li>
     <li class="pf-c-tabs__item">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="vertical-expandable-example-network-wired-link"
       >
@@ -1709,12 +2153,17 @@ cssPrefix: pf-c-tabs
 
   <ul class="pf-c-tabs__list">
     <li class="pf-c-tabs__item">
-      <button class="pf-c-tabs__link" id="vertical-expanded-example-users-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="vertical-expanded-example-users-link"
+      >
         <span class="pf-c-tabs__item-text">Users</span>
       </button>
     </li>
     <li class="pf-c-tabs__item pf-m-current">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="vertical-expanded-example-containers-link"
       >
@@ -1723,6 +2172,7 @@ cssPrefix: pf-c-tabs
     </li>
     <li class="pf-c-tabs__item">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="vertical-expanded-example-database-link"
       >
@@ -1732,6 +2182,7 @@ cssPrefix: pf-c-tabs
 
     <li class="pf-c-tabs__item">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="vertical-expanded-example-server-link"
       >
@@ -1740,6 +2191,7 @@ cssPrefix: pf-c-tabs
     </li>
     <li class="pf-c-tabs__item">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="vertical-expanded-example-system-link"
       >
@@ -1748,6 +2200,7 @@ cssPrefix: pf-c-tabs
     </li>
     <li class="pf-c-tabs__item">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="vertical-expanded-example-network-wired-link"
       >
@@ -1790,6 +2243,7 @@ cssPrefix: pf-c-tabs
   <ul class="pf-c-tabs__list">
     <li class="pf-c-tabs__item">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="vertical-expandable-responsive-example-users-link"
       >
@@ -1798,6 +2252,7 @@ cssPrefix: pf-c-tabs
     </li>
     <li class="pf-c-tabs__item pf-m-current">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="vertical-expandable-responsive-example-containers-link"
       >
@@ -1806,6 +2261,7 @@ cssPrefix: pf-c-tabs
     </li>
     <li class="pf-c-tabs__item">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="vertical-expandable-responsive-example-database-link"
       >
@@ -1815,6 +2271,7 @@ cssPrefix: pf-c-tabs
 
     <li class="pf-c-tabs__item">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="vertical-expandable-responsive-example-server-link"
       >
@@ -1823,6 +2280,7 @@ cssPrefix: pf-c-tabs
     </li>
     <li class="pf-c-tabs__item">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="vertical-expandable-responsive-example-system-link"
       >
@@ -1831,6 +2289,7 @@ cssPrefix: pf-c-tabs
     </li>
     <li class="pf-c-tabs__item">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="vertical-expandable-responsive-example-network-wired-link"
       >
@@ -1873,6 +2332,7 @@ cssPrefix: pf-c-tabs
   <ul class="pf-c-tabs__list">
     <li class="pf-c-tabs__item">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="vertical-expandable-legacy-example-users-link"
       >
@@ -1881,6 +2341,7 @@ cssPrefix: pf-c-tabs
     </li>
     <li class="pf-c-tabs__item pf-m-current">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="vertical-expandable-legacy-example-containers-link"
       >
@@ -1889,6 +2350,7 @@ cssPrefix: pf-c-tabs
     </li>
     <li class="pf-c-tabs__item">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="vertical-expandable-legacy-example-database-link"
       >
@@ -1898,6 +2360,7 @@ cssPrefix: pf-c-tabs
 
     <li class="pf-c-tabs__item">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="vertical-expandable-legacy-example-server-link"
       >
@@ -1906,6 +2369,7 @@ cssPrefix: pf-c-tabs
     </li>
     <li class="pf-c-tabs__item">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="vertical-expandable-legacy-example-system-link"
       >
@@ -1914,6 +2378,7 @@ cssPrefix: pf-c-tabs
     </li>
     <li class="pf-c-tabs__item">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="vertical-expandable-legacy-example-network-wired-link"
       >
@@ -1956,6 +2421,7 @@ cssPrefix: pf-c-tabs
   <ul class="pf-c-tabs__list">
     <li class="pf-c-tabs__item">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="vertical-expanded-legacy-example-users-link"
       >
@@ -1964,6 +2430,7 @@ cssPrefix: pf-c-tabs
     </li>
     <li class="pf-c-tabs__item pf-m-current">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="vertical-expanded-legacy-example-containers-link"
       >
@@ -1972,6 +2439,7 @@ cssPrefix: pf-c-tabs
     </li>
     <li class="pf-c-tabs__item">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="vertical-expanded-legacy-example-database-link"
       >
@@ -1981,6 +2449,7 @@ cssPrefix: pf-c-tabs
 
     <li class="pf-c-tabs__item">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="vertical-expanded-legacy-example-server-link"
       >
@@ -1989,6 +2458,7 @@ cssPrefix: pf-c-tabs
     </li>
     <li class="pf-c-tabs__item">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="vertical-expanded-legacy-example-system-link"
       >
@@ -1997,6 +2467,7 @@ cssPrefix: pf-c-tabs
     </li>
     <li class="pf-c-tabs__item">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="vertical-expanded-legacy-example-network-wired-link"
       >
@@ -2039,6 +2510,7 @@ cssPrefix: pf-c-tabs
   <ul class="pf-c-tabs__list">
     <li class="pf-c-tabs__item">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="vertical-expandable-responsive-legacy-example-users-link"
       >
@@ -2047,6 +2519,7 @@ cssPrefix: pf-c-tabs
     </li>
     <li class="pf-c-tabs__item pf-m-current">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="vertical-expandable-responsive-legacy-example-containers-link"
       >
@@ -2055,6 +2528,7 @@ cssPrefix: pf-c-tabs
     </li>
     <li class="pf-c-tabs__item">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="vertical-expandable-responsive-legacy-example-database-link"
       >
@@ -2064,6 +2538,7 @@ cssPrefix: pf-c-tabs
 
     <li class="pf-c-tabs__item">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="vertical-expandable-responsive-legacy-example-server-link"
       >
@@ -2072,6 +2547,7 @@ cssPrefix: pf-c-tabs
     </li>
     <li class="pf-c-tabs__item">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="vertical-expandable-responsive-legacy-example-system-link"
       >
@@ -2080,6 +2556,7 @@ cssPrefix: pf-c-tabs
     </li>
     <li class="pf-c-tabs__item">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="vertical-expandable-responsive-legacy-example-network-wired-link"
       >
@@ -2095,12 +2572,21 @@ cssPrefix: pf-c-tabs
 
 ```html
 <div class="pf-c-tabs pf-m-scrollable" id="close-default-example">
-  <button class="pf-c-tabs__scroll-button" disabled aria-label="Scroll left">
+  <button
+    class="pf-c-tabs__scroll-button"
+    type="button"
+    disabled
+    aria-label="Scroll left"
+  >
     <i class="fas fa-angle-left" aria-hidden="true"></i>
   </button>
   <ul class="pf-c-tabs__list">
     <li class="pf-c-tabs__item pf-m-action">
-      <button class="pf-c-tabs__link" id="close-default-example-users-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="close-default-example-users-link"
+      >
         <span class="pf-c-tabs__item-text">Users</span>
       </button>
       <span class="pf-c-tabs__item-close">
@@ -2117,6 +2603,7 @@ cssPrefix: pf-c-tabs
     </li>
     <li class="pf-c-tabs__item pf-m-current pf-m-action">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="close-default-example-containers-link"
       >
@@ -2135,7 +2622,11 @@ cssPrefix: pf-c-tabs
       </span>
     </li>
     <li class="pf-c-tabs__item pf-m-action">
-      <button class="pf-c-tabs__link" id="close-default-example-database-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="close-default-example-database-link"
+      >
         <span class="pf-c-tabs__item-text">Database</span>
       </button>
       <span class="pf-c-tabs__item-close">
@@ -2153,6 +2644,7 @@ cssPrefix: pf-c-tabs
 
     <li class="pf-c-tabs__item pf-m-action pf-m-disabled">
       <button
+        type="button"
         class="pf-c-tabs__link"
         disabled
         id="close-default-example-disabled-link"
@@ -2173,6 +2665,7 @@ cssPrefix: pf-c-tabs
     </li>
     <li class="pf-c-tabs__item pf-m-action pf-m-disabled">
       <button
+        type="button"
         class="pf-c-tabs__link pf-m-aria-disabled"
         aria-disabled="true"
         id="close-default-example-aria-disabled-link"
@@ -2193,6 +2686,7 @@ cssPrefix: pf-c-tabs
     </li>
     <li class="pf-c-tabs__item pf-m-action pf-m-disabled">
       <button
+        type="button"
         class="pf-c-tabs__link"
         disabled
         id="close-default-example-close-disabled-link"
@@ -2214,6 +2708,7 @@ cssPrefix: pf-c-tabs
     </li>
     <li class="pf-c-tabs__item pf-m-action">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="close-default-example-network-wired-link"
       >
@@ -2233,7 +2728,11 @@ cssPrefix: pf-c-tabs
     </li>
   </ul>
 
-  <button class="pf-c-tabs__scroll-button" aria-label="Scroll right">
+  <button
+    class="pf-c-tabs__scroll-button"
+    type="button"
+    aria-label="Scroll right"
+  >
     <i class="fas fa-angle-right" aria-hidden="true"></i>
   </button>
 </div>
@@ -2242,12 +2741,21 @@ cssPrefix: pf-c-tabs
 <br />
 
 <div class="pf-c-tabs pf-m-box pf-m-scrollable" id="close-box-example">
-  <button class="pf-c-tabs__scroll-button" disabled aria-label="Scroll left">
+  <button
+    class="pf-c-tabs__scroll-button"
+    type="button"
+    disabled
+    aria-label="Scroll left"
+  >
     <i class="fas fa-angle-left" aria-hidden="true"></i>
   </button>
   <ul class="pf-c-tabs__list">
     <li class="pf-c-tabs__item pf-m-action">
-      <button class="pf-c-tabs__link" id="close-box-example-users-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="close-box-example-users-link"
+      >
         <span class="pf-c-tabs__item-text">Users</span>
       </button>
       <span class="pf-c-tabs__item-close">
@@ -2263,7 +2771,11 @@ cssPrefix: pf-c-tabs
       </span>
     </li>
     <li class="pf-c-tabs__item pf-m-current pf-m-action">
-      <button class="pf-c-tabs__link" id="close-box-example-containers-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="close-box-example-containers-link"
+      >
         <span class="pf-c-tabs__item-text">Containers</span>
       </button>
       <span class="pf-c-tabs__item-close">
@@ -2279,7 +2791,11 @@ cssPrefix: pf-c-tabs
       </span>
     </li>
     <li class="pf-c-tabs__item pf-m-action">
-      <button class="pf-c-tabs__link" id="close-box-example-database-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="close-box-example-database-link"
+      >
         <span class="pf-c-tabs__item-text">Database</span>
       </button>
       <span class="pf-c-tabs__item-close">
@@ -2297,6 +2813,7 @@ cssPrefix: pf-c-tabs
 
     <li class="pf-c-tabs__item pf-m-action pf-m-disabled">
       <button
+        type="button"
         class="pf-c-tabs__link"
         disabled
         id="close-box-example-disabled-link"
@@ -2317,6 +2834,7 @@ cssPrefix: pf-c-tabs
     </li>
     <li class="pf-c-tabs__item pf-m-action pf-m-disabled">
       <button
+        type="button"
         class="pf-c-tabs__link pf-m-aria-disabled"
         aria-disabled="true"
         id="close-box-example-aria-disabled-link"
@@ -2337,6 +2855,7 @@ cssPrefix: pf-c-tabs
     </li>
     <li class="pf-c-tabs__item pf-m-action pf-m-disabled">
       <button
+        type="button"
         class="pf-c-tabs__link"
         disabled
         id="close-box-example-close-disabled-link"
@@ -2357,7 +2876,11 @@ cssPrefix: pf-c-tabs
       </span>
     </li>
     <li class="pf-c-tabs__item pf-m-action">
-      <button class="pf-c-tabs__link" id="close-box-example-network-wired-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="close-box-example-network-wired-link"
+      >
         <span class="pf-c-tabs__item-text">Network</span>
       </button>
       <span class="pf-c-tabs__item-close">
@@ -2374,7 +2897,11 @@ cssPrefix: pf-c-tabs
     </li>
   </ul>
 
-  <button class="pf-c-tabs__scroll-button" aria-label="Scroll right">
+  <button
+    class="pf-c-tabs__scroll-button"
+    type="button"
+    aria-label="Scroll right"
+  >
     <i class="fas fa-angle-right" aria-hidden="true"></i>
   </button>
 </div>
@@ -2386,12 +2913,18 @@ cssPrefix: pf-c-tabs
   class="pf-c-tabs pf-m-box pf-m-color-scheme--light-300 pf-m-scrollable"
   id="close-box-light-300-example"
 >
-  <button class="pf-c-tabs__scroll-button" disabled aria-label="Scroll left">
+  <button
+    class="pf-c-tabs__scroll-button"
+    type="button"
+    disabled
+    aria-label="Scroll left"
+  >
     <i class="fas fa-angle-left" aria-hidden="true"></i>
   </button>
   <ul class="pf-c-tabs__list">
     <li class="pf-c-tabs__item pf-m-action">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="close-box-light-300-example-users-link"
       >
@@ -2411,6 +2944,7 @@ cssPrefix: pf-c-tabs
     </li>
     <li class="pf-c-tabs__item pf-m-current pf-m-action">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="close-box-light-300-example-containers-link"
       >
@@ -2430,6 +2964,7 @@ cssPrefix: pf-c-tabs
     </li>
     <li class="pf-c-tabs__item pf-m-action">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="close-box-light-300-example-database-link"
       >
@@ -2450,6 +2985,7 @@ cssPrefix: pf-c-tabs
 
     <li class="pf-c-tabs__item pf-m-action pf-m-disabled">
       <button
+        type="button"
         class="pf-c-tabs__link"
         disabled
         id="close-box-light-300-example-disabled-link"
@@ -2470,6 +3006,7 @@ cssPrefix: pf-c-tabs
     </li>
     <li class="pf-c-tabs__item pf-m-action pf-m-disabled">
       <button
+        type="button"
         class="pf-c-tabs__link pf-m-aria-disabled"
         aria-disabled="true"
         id="close-box-light-300-example-aria-disabled-link"
@@ -2490,6 +3027,7 @@ cssPrefix: pf-c-tabs
     </li>
     <li class="pf-c-tabs__item pf-m-action pf-m-disabled">
       <button
+        type="button"
         class="pf-c-tabs__link"
         disabled
         id="close-box-light-300-example-close-disabled-link"
@@ -2511,6 +3049,7 @@ cssPrefix: pf-c-tabs
     </li>
     <li class="pf-c-tabs__item pf-m-action">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="close-box-light-300-example-network-wired-link"
       >
@@ -2530,7 +3069,11 @@ cssPrefix: pf-c-tabs
     </li>
   </ul>
 
-  <button class="pf-c-tabs__scroll-button" aria-label="Scroll right">
+  <button
+    class="pf-c-tabs__scroll-button"
+    type="button"
+    aria-label="Scroll right"
+  >
     <i class="fas fa-angle-right" aria-hidden="true"></i>
   </button>
 </div>
@@ -2539,12 +3082,21 @@ cssPrefix: pf-c-tabs
 <br />
 
 <div class="pf-c-tabs pf-m-scrollable" id="close-icons-text-example">
-  <button class="pf-c-tabs__scroll-button" disabled aria-label="Scroll left">
+  <button
+    class="pf-c-tabs__scroll-button"
+    type="button"
+    disabled
+    aria-label="Scroll left"
+  >
     <i class="fas fa-angle-left" aria-hidden="true"></i>
   </button>
   <ul class="pf-c-tabs__list">
     <li class="pf-c-tabs__item pf-m-action">
-      <button class="pf-c-tabs__link" id="close-icons-text-example-users-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="close-icons-text-example-users-link"
+      >
         <span class="pf-c-tabs__item-icon">
           <i class="fas fa-fas fa-users" aria-hidden="true"></i>
         </span>
@@ -2564,6 +3116,7 @@ cssPrefix: pf-c-tabs
     </li>
     <li class="pf-c-tabs__item pf-m-current pf-m-action">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="close-icons-text-example-containers-link"
       >
@@ -2586,6 +3139,7 @@ cssPrefix: pf-c-tabs
     </li>
     <li class="pf-c-tabs__item pf-m-action">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="close-icons-text-example-database-link"
       >
@@ -2609,6 +3163,7 @@ cssPrefix: pf-c-tabs
 
     <li class="pf-c-tabs__item pf-m-action pf-m-disabled">
       <button
+        type="button"
         class="pf-c-tabs__link"
         disabled
         id="close-icons-text-example-disabled-link"
@@ -2632,6 +3187,7 @@ cssPrefix: pf-c-tabs
     </li>
     <li class="pf-c-tabs__item pf-m-action pf-m-disabled">
       <button
+        type="button"
         class="pf-c-tabs__link pf-m-aria-disabled"
         aria-disabled="true"
         id="close-icons-text-example-aria-disabled-link"
@@ -2655,6 +3211,7 @@ cssPrefix: pf-c-tabs
     </li>
     <li class="pf-c-tabs__item pf-m-action pf-m-disabled">
       <button
+        type="button"
         class="pf-c-tabs__link"
         disabled
         id="close-icons-text-example-close-disabled-link"
@@ -2679,6 +3236,7 @@ cssPrefix: pf-c-tabs
     </li>
     <li class="pf-c-tabs__item pf-m-action">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="close-icons-text-example-network-wired-link"
       >
@@ -2701,7 +3259,11 @@ cssPrefix: pf-c-tabs
     </li>
   </ul>
 
-  <button class="pf-c-tabs__scroll-button" aria-label="Scroll right">
+  <button
+    class="pf-c-tabs__scroll-button"
+    type="button"
+    aria-label="Scroll right"
+  >
     <i class="fas fa-angle-right" aria-hidden="true"></i>
   </button>
 </div>
@@ -2710,12 +3272,21 @@ cssPrefix: pf-c-tabs
 <br />
 
 <div class="pf-c-tabs pf-m-fill pf-m-scrollable" id="close-filled-example">
-  <button class="pf-c-tabs__scroll-button" disabled aria-label="Scroll left">
+  <button
+    class="pf-c-tabs__scroll-button"
+    type="button"
+    disabled
+    aria-label="Scroll left"
+  >
     <i class="fas fa-angle-left" aria-hidden="true"></i>
   </button>
   <ul class="pf-c-tabs__list">
     <li class="pf-c-tabs__item pf-m-action">
-      <button class="pf-c-tabs__link" id="close-filled-example-users-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="close-filled-example-users-link"
+      >
         <span class="pf-c-tabs__item-text">Users</span>
       </button>
       <span class="pf-c-tabs__item-close">
@@ -2731,7 +3302,11 @@ cssPrefix: pf-c-tabs
       </span>
     </li>
     <li class="pf-c-tabs__item pf-m-current pf-m-action">
-      <button class="pf-c-tabs__link" id="close-filled-example-containers-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="close-filled-example-containers-link"
+      >
         <span class="pf-c-tabs__item-text">Containers</span>
       </button>
       <span class="pf-c-tabs__item-close">
@@ -2747,7 +3322,11 @@ cssPrefix: pf-c-tabs
       </span>
     </li>
     <li class="pf-c-tabs__item pf-m-action">
-      <button class="pf-c-tabs__link" id="close-filled-example-database-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="close-filled-example-database-link"
+      >
         <span class="pf-c-tabs__item-text">Database</span>
       </button>
       <span class="pf-c-tabs__item-close">
@@ -2765,6 +3344,7 @@ cssPrefix: pf-c-tabs
 
     <li class="pf-c-tabs__item pf-m-action pf-m-disabled">
       <button
+        type="button"
         class="pf-c-tabs__link"
         disabled
         id="close-filled-example-disabled-link"
@@ -2785,6 +3365,7 @@ cssPrefix: pf-c-tabs
     </li>
     <li class="pf-c-tabs__item pf-m-action pf-m-disabled">
       <button
+        type="button"
         class="pf-c-tabs__link pf-m-aria-disabled"
         aria-disabled="true"
         id="close-filled-example-aria-disabled-link"
@@ -2805,6 +3386,7 @@ cssPrefix: pf-c-tabs
     </li>
     <li class="pf-c-tabs__item pf-m-action pf-m-disabled">
       <button
+        type="button"
         class="pf-c-tabs__link"
         disabled
         id="close-filled-example-close-disabled-link"
@@ -2826,6 +3408,7 @@ cssPrefix: pf-c-tabs
     </li>
     <li class="pf-c-tabs__item pf-m-action">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="close-filled-example-network-wired-link"
       >
@@ -2845,7 +3428,11 @@ cssPrefix: pf-c-tabs
     </li>
   </ul>
 
-  <button class="pf-c-tabs__scroll-button" aria-label="Scroll right">
+  <button
+    class="pf-c-tabs__scroll-button"
+    type="button"
+    aria-label="Scroll right"
+  >
     <i class="fas fa-angle-right" aria-hidden="true"></i>
   </button>
 </div>
@@ -2854,12 +3441,18 @@ cssPrefix: pf-c-tabs
 <br />
 
 <div class="pf-c-tabs pf-m-scrollable" id="close-secondary-primary-example">
-  <button class="pf-c-tabs__scroll-button" disabled aria-label="Scroll left">
+  <button
+    class="pf-c-tabs__scroll-button"
+    type="button"
+    disabled
+    aria-label="Scroll left"
+  >
     <i class="fas fa-angle-left" aria-hidden="true"></i>
   </button>
   <ul class="pf-c-tabs__list">
     <li class="pf-c-tabs__item pf-m-action">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="close-secondary-primary-example-users-link"
       >
@@ -2879,6 +3472,7 @@ cssPrefix: pf-c-tabs
     </li>
     <li class="pf-c-tabs__item pf-m-current pf-m-action">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="close-secondary-primary-example-containers-link"
       >
@@ -2898,6 +3492,7 @@ cssPrefix: pf-c-tabs
     </li>
     <li class="pf-c-tabs__item pf-m-action">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="close-secondary-primary-example-database-link"
       >
@@ -2918,6 +3513,7 @@ cssPrefix: pf-c-tabs
 
     <li class="pf-c-tabs__item pf-m-action pf-m-disabled">
       <button
+        type="button"
         class="pf-c-tabs__link"
         disabled
         id="close-secondary-primary-example-disabled-link"
@@ -2938,6 +3534,7 @@ cssPrefix: pf-c-tabs
     </li>
     <li class="pf-c-tabs__item pf-m-action pf-m-disabled">
       <button
+        type="button"
         class="pf-c-tabs__link pf-m-aria-disabled"
         aria-disabled="true"
         id="close-secondary-primary-example-aria-disabled-link"
@@ -2958,6 +3555,7 @@ cssPrefix: pf-c-tabs
     </li>
     <li class="pf-c-tabs__item pf-m-action pf-m-disabled">
       <button
+        type="button"
         class="pf-c-tabs__link"
         disabled
         id="close-secondary-primary-example-close-disabled-link"
@@ -2979,6 +3577,7 @@ cssPrefix: pf-c-tabs
     </li>
     <li class="pf-c-tabs__item pf-m-action">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="close-secondary-primary-example-network-wired-link"
       >
@@ -2998,7 +3597,11 @@ cssPrefix: pf-c-tabs
     </li>
   </ul>
 
-  <button class="pf-c-tabs__scroll-button" aria-label="Scroll right">
+  <button
+    class="pf-c-tabs__scroll-button"
+    type="button"
+    aria-label="Scroll right"
+  >
     <i class="fas fa-angle-right" aria-hidden="true"></i>
   </button>
 </div>
@@ -3006,12 +3609,18 @@ cssPrefix: pf-c-tabs
   class="pf-c-tabs pf-m-secondary pf-m-scrollable"
   id="close-secondary-secondary-example"
 >
-  <button class="pf-c-tabs__scroll-button" disabled aria-label="Scroll left">
+  <button
+    class="pf-c-tabs__scroll-button"
+    type="button"
+    disabled
+    aria-label="Scroll left"
+  >
     <i class="fas fa-angle-left" aria-hidden="true"></i>
   </button>
   <ul class="pf-c-tabs__list">
     <li class="pf-c-tabs__item pf-m-action">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="close-secondary-secondary-example-users-link"
       >
@@ -3031,6 +3640,7 @@ cssPrefix: pf-c-tabs
     </li>
     <li class="pf-c-tabs__item pf-m-current pf-m-action">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="close-secondary-secondary-example-containers-link"
       >
@@ -3050,6 +3660,7 @@ cssPrefix: pf-c-tabs
     </li>
     <li class="pf-c-tabs__item pf-m-action">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="close-secondary-secondary-example-database-link"
       >
@@ -3070,6 +3681,7 @@ cssPrefix: pf-c-tabs
 
     <li class="pf-c-tabs__item pf-m-action pf-m-disabled">
       <button
+        type="button"
         class="pf-c-tabs__link"
         disabled
         id="close-secondary-secondary-example-disabled-link"
@@ -3090,6 +3702,7 @@ cssPrefix: pf-c-tabs
     </li>
     <li class="pf-c-tabs__item pf-m-action pf-m-disabled">
       <button
+        type="button"
         class="pf-c-tabs__link pf-m-aria-disabled"
         aria-disabled="true"
         id="close-secondary-secondary-example-aria-disabled-link"
@@ -3110,6 +3723,7 @@ cssPrefix: pf-c-tabs
     </li>
     <li class="pf-c-tabs__item pf-m-action pf-m-disabled">
       <button
+        type="button"
         class="pf-c-tabs__link"
         disabled
         id="close-secondary-secondary-example-close-disabled-link"
@@ -3131,6 +3745,7 @@ cssPrefix: pf-c-tabs
     </li>
     <li class="pf-c-tabs__item pf-m-action">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="close-secondary-secondary-example-network-wired-link"
       >
@@ -3150,7 +3765,11 @@ cssPrefix: pf-c-tabs
     </li>
   </ul>
 
-  <button class="pf-c-tabs__scroll-button" aria-label="Scroll right">
+  <button
+    class="pf-c-tabs__scroll-button"
+    type="button"
+    aria-label="Scroll right"
+  >
     <i class="fas fa-angle-right" aria-hidden="true"></i>
   </button>
 </div>
@@ -3161,12 +3780,21 @@ cssPrefix: pf-c-tabs
 
 ```html
 <div class="pf-c-tabs pf-m-scrollable" id="add-default-example">
-  <button class="pf-c-tabs__scroll-button" disabled aria-label="Scroll left">
+  <button
+    class="pf-c-tabs__scroll-button"
+    type="button"
+    disabled
+    aria-label="Scroll left"
+  >
     <i class="fas fa-angle-left" aria-hidden="true"></i>
   </button>
   <ul class="pf-c-tabs__list">
     <li class="pf-c-tabs__item pf-m-action">
-      <button class="pf-c-tabs__link" id="add-default-example-users-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="add-default-example-users-link"
+      >
         <span class="pf-c-tabs__item-text">Users</span>
       </button>
       <span class="pf-c-tabs__item-close">
@@ -3182,7 +3810,11 @@ cssPrefix: pf-c-tabs
       </span>
     </li>
     <li class="pf-c-tabs__item pf-m-current pf-m-action">
-      <button class="pf-c-tabs__link" id="add-default-example-containers-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="add-default-example-containers-link"
+      >
         <span class="pf-c-tabs__item-text">Containers</span>
       </button>
       <span class="pf-c-tabs__item-close">
@@ -3198,7 +3830,11 @@ cssPrefix: pf-c-tabs
       </span>
     </li>
     <li class="pf-c-tabs__item pf-m-action">
-      <button class="pf-c-tabs__link" id="add-default-example-database-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="add-default-example-database-link"
+      >
         <span class="pf-c-tabs__item-text">Database</span>
       </button>
       <span class="pf-c-tabs__item-close">
@@ -3215,7 +3851,11 @@ cssPrefix: pf-c-tabs
     </li>
 
     <li class="pf-c-tabs__item pf-m-action">
-      <button class="pf-c-tabs__link" id="add-default-example-server-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="add-default-example-server-link"
+      >
         <span class="pf-c-tabs__item-text">Server</span>
       </button>
       <span class="pf-c-tabs__item-close">
@@ -3231,7 +3871,11 @@ cssPrefix: pf-c-tabs
       </span>
     </li>
     <li class="pf-c-tabs__item pf-m-action">
-      <button class="pf-c-tabs__link" id="add-default-example-system-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="add-default-example-system-link"
+      >
         <span class="pf-c-tabs__item-text">System</span>
       </button>
       <span class="pf-c-tabs__item-close">
@@ -3248,6 +3892,7 @@ cssPrefix: pf-c-tabs
     </li>
     <li class="pf-c-tabs__item pf-m-action">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="add-default-example-network-wired-link"
       >
@@ -3267,7 +3912,11 @@ cssPrefix: pf-c-tabs
     </li>
   </ul>
 
-  <button class="pf-c-tabs__scroll-button" aria-label="Scroll right">
+  <button
+    class="pf-c-tabs__scroll-button"
+    type="button"
+    aria-label="Scroll right"
+  >
     <i class="fas fa-angle-right" aria-hidden="true"></i>
   </button>
   <span class="pf-c-tabs__add">
@@ -3280,12 +3929,21 @@ cssPrefix: pf-c-tabs
   class="pf-c-tabs pf-m-secondary pf-m-scrollable"
   id="add-secondary-example"
 >
-  <button class="pf-c-tabs__scroll-button" disabled aria-label="Scroll left">
+  <button
+    class="pf-c-tabs__scroll-button"
+    type="button"
+    disabled
+    aria-label="Scroll left"
+  >
     <i class="fas fa-angle-left" aria-hidden="true"></i>
   </button>
   <ul class="pf-c-tabs__list">
     <li class="pf-c-tabs__item pf-m-action">
-      <button class="pf-c-tabs__link" id="add-secondary-example-users-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="add-secondary-example-users-link"
+      >
         <span class="pf-c-tabs__item-text">Users</span>
       </button>
       <span class="pf-c-tabs__item-close">
@@ -3302,6 +3960,7 @@ cssPrefix: pf-c-tabs
     </li>
     <li class="pf-c-tabs__item pf-m-current pf-m-action">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="add-secondary-example-containers-link"
       >
@@ -3320,7 +3979,11 @@ cssPrefix: pf-c-tabs
       </span>
     </li>
     <li class="pf-c-tabs__item pf-m-action">
-      <button class="pf-c-tabs__link" id="add-secondary-example-database-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="add-secondary-example-database-link"
+      >
         <span class="pf-c-tabs__item-text">Database</span>
       </button>
       <span class="pf-c-tabs__item-close">
@@ -3337,7 +4000,11 @@ cssPrefix: pf-c-tabs
     </li>
 
     <li class="pf-c-tabs__item pf-m-action">
-      <button class="pf-c-tabs__link" id="add-secondary-example-server-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="add-secondary-example-server-link"
+      >
         <span class="pf-c-tabs__item-text">Server</span>
       </button>
       <span class="pf-c-tabs__item-close">
@@ -3353,7 +4020,11 @@ cssPrefix: pf-c-tabs
       </span>
     </li>
     <li class="pf-c-tabs__item pf-m-action">
-      <button class="pf-c-tabs__link" id="add-secondary-example-system-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="add-secondary-example-system-link"
+      >
         <span class="pf-c-tabs__item-text">System</span>
       </button>
       <span class="pf-c-tabs__item-close">
@@ -3370,6 +4041,7 @@ cssPrefix: pf-c-tabs
     </li>
     <li class="pf-c-tabs__item pf-m-action">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="add-secondary-example-network-wired-link"
       >
@@ -3389,7 +4061,11 @@ cssPrefix: pf-c-tabs
     </li>
   </ul>
 
-  <button class="pf-c-tabs__scroll-button" aria-label="Scroll right">
+  <button
+    class="pf-c-tabs__scroll-button"
+    type="button"
+    aria-label="Scroll right"
+  >
     <i class="fas fa-angle-right" aria-hidden="true"></i>
   </button>
   <span class="pf-c-tabs__add">
@@ -3403,12 +4079,21 @@ cssPrefix: pf-c-tabs
 <br />
 
 <div class="pf-c-tabs pf-m-box pf-m-scrollable" id="add-box-example">
-  <button class="pf-c-tabs__scroll-button" disabled aria-label="Scroll left">
+  <button
+    class="pf-c-tabs__scroll-button"
+    type="button"
+    disabled
+    aria-label="Scroll left"
+  >
     <i class="fas fa-angle-left" aria-hidden="true"></i>
   </button>
   <ul class="pf-c-tabs__list">
     <li class="pf-c-tabs__item pf-m-action">
-      <button class="pf-c-tabs__link" id="add-box-example-users-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="add-box-example-users-link"
+      >
         <span class="pf-c-tabs__item-text">Users</span>
       </button>
       <span class="pf-c-tabs__item-close">
@@ -3424,7 +4109,11 @@ cssPrefix: pf-c-tabs
       </span>
     </li>
     <li class="pf-c-tabs__item pf-m-current pf-m-action">
-      <button class="pf-c-tabs__link" id="add-box-example-containers-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="add-box-example-containers-link"
+      >
         <span class="pf-c-tabs__item-text">Containers</span>
       </button>
       <span class="pf-c-tabs__item-close">
@@ -3440,7 +4129,11 @@ cssPrefix: pf-c-tabs
       </span>
     </li>
     <li class="pf-c-tabs__item pf-m-action">
-      <button class="pf-c-tabs__link" id="add-box-example-database-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="add-box-example-database-link"
+      >
         <span class="pf-c-tabs__item-text">Database</span>
       </button>
       <span class="pf-c-tabs__item-close">
@@ -3457,7 +4150,11 @@ cssPrefix: pf-c-tabs
     </li>
 
     <li class="pf-c-tabs__item pf-m-action">
-      <button class="pf-c-tabs__link" id="add-box-example-server-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="add-box-example-server-link"
+      >
         <span class="pf-c-tabs__item-text">Server</span>
       </button>
       <span class="pf-c-tabs__item-close">
@@ -3473,7 +4170,11 @@ cssPrefix: pf-c-tabs
       </span>
     </li>
     <li class="pf-c-tabs__item pf-m-action">
-      <button class="pf-c-tabs__link" id="add-box-example-system-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="add-box-example-system-link"
+      >
         <span class="pf-c-tabs__item-text">System</span>
       </button>
       <span class="pf-c-tabs__item-close">
@@ -3489,7 +4190,11 @@ cssPrefix: pf-c-tabs
       </span>
     </li>
     <li class="pf-c-tabs__item pf-m-action">
-      <button class="pf-c-tabs__link" id="add-box-example-network-wired-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="add-box-example-network-wired-link"
+      >
         <span class="pf-c-tabs__item-text">Network</span>
       </button>
       <span class="pf-c-tabs__item-close">
@@ -3506,7 +4211,11 @@ cssPrefix: pf-c-tabs
     </li>
   </ul>
 
-  <button class="pf-c-tabs__scroll-button" aria-label="Scroll right">
+  <button
+    class="pf-c-tabs__scroll-button"
+    type="button"
+    aria-label="Scroll right"
+  >
     <i class="fas fa-angle-right" aria-hidden="true"></i>
   </button>
   <span class="pf-c-tabs__add">
@@ -3523,12 +4232,21 @@ cssPrefix: pf-c-tabs
   class="pf-c-tabs pf-m-box pf-m-color-scheme--light-300 pf-m-scrollable"
   id="add-box-light-300-example"
 >
-  <button class="pf-c-tabs__scroll-button" disabled aria-label="Scroll left">
+  <button
+    class="pf-c-tabs__scroll-button"
+    type="button"
+    disabled
+    aria-label="Scroll left"
+  >
     <i class="fas fa-angle-left" aria-hidden="true"></i>
   </button>
   <ul class="pf-c-tabs__list">
     <li class="pf-c-tabs__item pf-m-action">
-      <button class="pf-c-tabs__link" id="add-box-light-300-example-users-link">
+      <button
+        type="button"
+        class="pf-c-tabs__link"
+        id="add-box-light-300-example-users-link"
+      >
         <span class="pf-c-tabs__item-text">Users</span>
       </button>
       <span class="pf-c-tabs__item-close">
@@ -3545,6 +4263,7 @@ cssPrefix: pf-c-tabs
     </li>
     <li class="pf-c-tabs__item pf-m-current pf-m-action">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="add-box-light-300-example-containers-link"
       >
@@ -3564,6 +4283,7 @@ cssPrefix: pf-c-tabs
     </li>
     <li class="pf-c-tabs__item pf-m-action">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="add-box-light-300-example-database-link"
       >
@@ -3584,6 +4304,7 @@ cssPrefix: pf-c-tabs
 
     <li class="pf-c-tabs__item pf-m-action">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="add-box-light-300-example-server-link"
       >
@@ -3603,6 +4324,7 @@ cssPrefix: pf-c-tabs
     </li>
     <li class="pf-c-tabs__item pf-m-action">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="add-box-light-300-example-system-link"
       >
@@ -3622,6 +4344,7 @@ cssPrefix: pf-c-tabs
     </li>
     <li class="pf-c-tabs__item pf-m-action">
       <button
+        type="button"
         class="pf-c-tabs__link"
         id="add-box-light-300-example-network-wired-link"
       >
@@ -3641,7 +4364,11 @@ cssPrefix: pf-c-tabs
     </li>
   </ul>
 
-  <button class="pf-c-tabs__scroll-button" aria-label="Scroll right">
+  <button
+    class="pf-c-tabs__scroll-button"
+    type="button"
+    aria-label="Scroll right"
+  >
     <i class="fas fa-angle-right" aria-hidden="true"></i>
   </button>
   <span class="pf-c-tabs__add">