@patternfly/patternfly-doc-core 1.15.3 → 1.15.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (908) hide show
  1. package/.astro/content-modules.mjs +108 -108
  2. package/README.mdx +1 -0
  3. package/astro.config.mjs +0 -1
  4. package/cli/cli.ts +71 -29
  5. package/cli/convertToMDX.ts +2 -5
  6. package/cli/createCollectionContent.ts +5 -0
  7. package/cli/fileExists.ts +7 -0
  8. package/cli/getConfig.ts +1 -0
  9. package/cli/templates/apiIndex.json +6 -0
  10. package/dist/apiIndex.json +561 -0
  11. package/dist/cli/cli.js +63 -25
  12. package/dist/cli/convertToMDX.js +2 -4
  13. package/dist/cli/createCollectionContent.js +4 -0
  14. package/dist/cli/fileExists.js +6 -0
  15. package/dist/cli/tsconfig.tsbuildinfo +1 -1
  16. package/dist/docs/_routes.json +2 -2
  17. package/dist/docs/_worker.js/_@astrojs-ssr-adapter.mjs +1 -1
  18. package/dist/docs/_worker.js/_astro-internal_middleware.mjs +3 -3
  19. package/dist/docs/_worker.js/chunks/{_@astro-renderers_BpFPQHrI.mjs → _@astro-renderers_OzpRq-hZ.mjs} +1 -1
  20. package/dist/docs/_worker.js/chunks/{_@astrojs-ssr-adapter_RmG4VnRF.mjs → _@astrojs-ssr-adapter_CUrpr6E7.mjs} +4 -4
  21. package/dist/docs/_worker.js/chunks/{_astro_assets_AaeU3frQ.mjs → _astro_assets_451XBA7N.mjs} +2 -2
  22. package/dist/docs/_worker.js/chunks/apiHelpers_CD8DANYs.mjs +30 -0
  23. package/dist/docs/_worker.js/chunks/astro/{server_BWAOeKNd.mjs → server_DX9A26-_.mjs} +1 -1
  24. package/dist/docs/_worker.js/chunks/{astro-designed-error-pages_b9BuL4GU.mjs → astro-designed-error-pages_BbC4Kpqb.mjs} +1 -1
  25. package/dist/docs/_worker.js/chunks/fetch_CoXtH9RF.mjs +12 -0
  26. package/dist/docs/_worker.js/chunks/getConfig_DO3RhTb7.mjs +18 -0
  27. package/dist/docs/_worker.js/chunks/{index_CRHoXX3T.mjs → index_DjAlCotm.mjs} +2 -2
  28. package/dist/docs/_worker.js/chunks/{noop-middleware_B9eLgP9f.mjs → noop-middleware_C6lNwrEu.mjs} +1 -1
  29. package/dist/docs/_worker.js/chunks/{sharp_D2Zua4YO.mjs → sharp_CjpuQ_OE.mjs} +2 -2
  30. package/dist/docs/_worker.js/index.js +27 -11
  31. package/dist/docs/_worker.js/manifest_DIDAejNV.mjs +100 -0
  32. package/dist/docs/_worker.js/pages/_image.astro.mjs +2 -2
  33. package/dist/docs/_worker.js/pages/api/_version_/_section_/_page_/_tab_.astro.mjs +1 -0
  34. package/dist/docs/_worker.js/pages/api/_version_/_section_/_page_.astro.mjs +44 -0
  35. package/dist/docs/_worker.js/pages/api/_version_/_section_.astro.mjs +43 -0
  36. package/dist/docs/_worker.js/pages/api/_version_.astro.mjs +38 -0
  37. package/dist/docs/_worker.js/pages/api/openapi.json.astro.mjs +399 -0
  38. package/dist/docs/_worker.js/pages/api/versions.astro.mjs +27 -0
  39. package/dist/docs/_worker.js/pages/api.astro.mjs +181 -0
  40. package/dist/docs/_worker.js/pages/apiindex.json.astro.mjs +1 -0
  41. package/dist/docs/_worker.js/pages/props.astro.mjs +2 -17
  42. package/dist/docs/_worker.js/renderers.mjs +1 -1
  43. package/dist/docs/api/v6/components/about-modal/html +63 -0
  44. package/dist/docs/api/v6/components/about-modal/html-demos +368 -0
  45. package/dist/docs/api/v6/components/about-modal/react +18 -0
  46. package/dist/docs/api/v6/components/accordion/html +78 -0
  47. package/dist/docs/api/v6/components/accordion/react +36 -0
  48. package/dist/docs/api/v6/components/action-list/html +40 -0
  49. package/dist/docs/api/v6/components/action-list/react +29 -0
  50. package/dist/docs/api/v6/components/alert/html +208 -0
  51. package/dist/docs/api/v6/components/alert/html-demos +1375 -0
  52. package/dist/docs/api/v6/components/alert/react +452 -0
  53. package/dist/docs/api/v6/components/avatar/html +66 -0
  54. package/dist/docs/api/v6/components/avatar/react +22 -0
  55. package/dist/docs/api/v6/components/back-to-top/html +19 -0
  56. package/dist/docs/api/v6/components/back-to-top/html-demos +434 -0
  57. package/dist/docs/api/v6/components/back-to-top/react +14 -0
  58. package/dist/docs/api/v6/components/backdrop/html +21 -0
  59. package/dist/docs/api/v6/components/backdrop/react +6 -0
  60. package/dist/docs/api/v6/components/background-image/html +24 -0
  61. package/dist/docs/api/v6/components/background-image/react +6 -0
  62. package/dist/docs/api/v6/components/badge/html +37 -0
  63. package/dist/docs/api/v6/components/badge/react +24 -0
  64. package/dist/docs/api/v6/components/banner/html +48 -0
  65. package/dist/docs/api/v6/components/banner/html-demos +905 -0
  66. package/dist/docs/api/v6/components/banner/react +23 -0
  67. package/dist/docs/api/v6/components/brand/html +38 -0
  68. package/dist/docs/api/v6/components/brand/react +23 -0
  69. package/dist/docs/api/v6/components/breadcrumb/html +66 -0
  70. package/dist/docs/api/v6/components/breadcrumb/react +29 -0
  71. package/dist/docs/api/v6/components/button/html +167 -0
  72. package/dist/docs/api/v6/components/button/html-demos +22 -0
  73. package/dist/docs/api/v6/components/button/react +144 -0
  74. package/dist/docs/api/v6/components/calendar-month/html +69 -0
  75. package/dist/docs/api/v6/components/calendar-month/react +19 -0
  76. package/dist/docs/api/v6/components/card/html +254 -0
  77. package/dist/docs/api/v6/components/card/html-demos +143 -0
  78. package/dist/docs/api/v6/components/card/react +198 -0
  79. package/dist/docs/api/v6/components/checkbox/html +100 -0
  80. package/dist/docs/api/v6/components/checkbox/react +73 -0
  81. package/dist/docs/api/v6/components/chip/react-deprecated +33 -0
  82. package/dist/docs/api/v6/components/clipboard-copy/html +81 -0
  83. package/dist/docs/api/v6/components/clipboard-copy/react +87 -0
  84. package/dist/docs/api/v6/components/code-block/html +36 -0
  85. package/dist/docs/api/v6/components/code-block/react +19 -0
  86. package/dist/docs/api/v6/components/code-editor/html +75 -0
  87. package/dist/docs/api/v6/components/content/html +55 -0
  88. package/dist/docs/api/v6/components/content/react +74 -0
  89. package/dist/docs/api/v6/components/data-list/html +252 -0
  90. package/dist/docs/api/v6/components/data-list/html-demos +4059 -0
  91. package/dist/docs/api/v6/components/data-list/react +93 -0
  92. package/dist/docs/api/v6/components/date-picker/html +59 -0
  93. package/dist/docs/api/v6/components/date-picker/react +70 -0
  94. package/dist/docs/api/v6/components/description-list/html +250 -0
  95. package/dist/docs/api/v6/components/description-list/html-demos +1543 -0
  96. package/dist/docs/api/v6/components/description-list/react +204 -0
  97. package/dist/docs/api/v6/components/divider/html +100 -0
  98. package/dist/docs/api/v6/components/divider/react +64 -0
  99. package/dist/docs/api/v6/components/drag-and-drop/html +35 -0
  100. package/dist/docs/api/v6/components/drag-and-drop/react-deprecated +38 -0
  101. package/dist/docs/api/v6/components/drawer/html +195 -0
  102. package/dist/docs/api/v6/components/drawer/html-demos +1928 -0
  103. package/dist/docs/api/v6/components/drawer/react +142 -0
  104. package/dist/docs/api/v6/components/dropdown/react +48 -0
  105. package/dist/docs/api/v6/components/dual-list-selector/html +110 -0
  106. package/dist/docs/api/v6/components/dual-list-selector/react +80 -0
  107. package/dist/docs/api/v6/components/dual-list-selector/react-deprecated +96 -0
  108. package/dist/docs/api/v6/components/empty-state/html +75 -0
  109. package/dist/docs/api/v6/components/empty-state/react +55 -0
  110. package/dist/docs/api/v6/components/expandable-section/html +92 -0
  111. package/dist/docs/api/v6/components/expandable-section/react +67 -0
  112. package/dist/docs/api/v6/components/form/html +139 -0
  113. package/dist/docs/api/v6/components/form/html-demos +36 -0
  114. package/dist/docs/api/v6/components/form/react +94 -0
  115. package/dist/docs/api/v6/components/form-control/html +57 -0
  116. package/dist/docs/api/v6/components/form-select/react +29 -0
  117. package/dist/docs/api/v6/components/helper-text/html +51 -0
  118. package/dist/docs/api/v6/components/helper-text/html-demos +12 -0
  119. package/dist/docs/api/v6/components/helper-text/react +24 -0
  120. package/dist/docs/api/v6/components/hint/html +35 -0
  121. package/dist/docs/api/v6/components/hint/react +28 -0
  122. package/dist/docs/api/v6/components/icon/html +84 -0
  123. package/dist/docs/api/v6/components/icon/react +76 -0
  124. package/dist/docs/api/v6/components/inline-edit/html +135 -0
  125. package/dist/docs/api/v6/components/input-group/html +34 -0
  126. package/dist/docs/api/v6/components/input-group/react +36 -0
  127. package/dist/docs/api/v6/components/jump-links/html +110 -0
  128. package/dist/docs/api/v6/components/jump-links/html-demos +2410 -0
  129. package/dist/docs/api/v6/components/jump-links/react +39 -0
  130. package/dist/docs/api/v6/components/label/html +253 -0
  131. package/dist/docs/api/v6/components/label/react +119 -0
  132. package/dist/docs/api/v6/components/list/html +66 -0
  133. package/dist/docs/api/v6/components/list/react +42 -0
  134. package/dist/docs/api/v6/components/login-page/html +1255 -0
  135. package/dist/docs/api/v6/components/login-page/react +24 -0
  136. package/dist/docs/api/v6/components/masthead/html +57 -0
  137. package/dist/docs/api/v6/components/masthead/html-demos +2708 -0
  138. package/dist/docs/api/v6/components/masthead/react +67 -0
  139. package/dist/docs/api/v6/components/menu/html +363 -0
  140. package/dist/docs/api/v6/components/menu/react +232 -0
  141. package/dist/docs/api/v6/components/menu-toggle/html +201 -0
  142. package/dist/docs/api/v6/components/menu-toggle/react +263 -0
  143. package/dist/docs/api/v6/components/modal/html +614 -0
  144. package/dist/docs/api/v6/components/modal/html-demos +2175 -0
  145. package/dist/docs/api/v6/components/modal/react +148 -0
  146. package/dist/docs/api/v6/components/modal/react-deprecated +158 -0
  147. package/dist/docs/api/v6/components/multiple-file-upload/html +77 -0
  148. package/dist/docs/api/v6/components/multiple-file-upload/react +57 -0
  149. package/dist/docs/api/v6/components/navigation/html +161 -0
  150. package/dist/docs/api/v6/components/navigation/html-demos +2027 -0
  151. package/dist/docs/api/v6/components/navigation/react +93 -0
  152. package/dist/docs/api/v6/components/notification-badge/react +34 -0
  153. package/dist/docs/api/v6/components/notification-drawer/html +61 -0
  154. package/dist/docs/api/v6/components/notification-drawer/html-demos +4412 -0
  155. package/dist/docs/api/v6/components/notification-drawer/react +22 -0
  156. package/dist/docs/api/v6/components/number-input/html +70 -0
  157. package/dist/docs/api/v6/components/number-input/react +59 -0
  158. package/dist/docs/api/v6/components/overflow-menu/html +97 -0
  159. package/dist/docs/api/v6/components/overflow-menu/react +40 -0
  160. package/dist/docs/api/v6/components/page/html +101 -0
  161. package/dist/docs/api/v6/components/page/html-demos +5146 -0
  162. package/dist/docs/api/v6/components/page/react +122 -0
  163. package/dist/docs/api/v6/components/pagination/html +121 -0
  164. package/dist/docs/api/v6/components/pagination/react +71 -0
  165. package/dist/docs/api/v6/components/panel/html +88 -0
  166. package/dist/docs/api/v6/components/panel/html-demos +8 -0
  167. package/dist/docs/api/v6/components/panel/react +190 -0
  168. package/dist/docs/api/v6/components/password-generator/html-demos +12 -0
  169. package/dist/docs/api/v6/components/password-strength/html-demos +33 -0
  170. package/dist/docs/api/v6/components/popover/html +723 -0
  171. package/dist/docs/api/v6/components/popover/react +97 -0
  172. package/dist/docs/api/v6/components/progress/html +181 -0
  173. package/dist/docs/api/v6/components/progress/react +109 -0
  174. package/dist/docs/api/v6/components/progress-stepper/html +147 -0
  175. package/dist/docs/api/v6/components/progress-stepper/react +63 -0
  176. package/dist/docs/api/v6/components/radio/html +91 -0
  177. package/dist/docs/api/v6/components/radio/react +66 -0
  178. package/dist/docs/api/v6/components/search-input/react +60 -0
  179. package/dist/docs/api/v6/components/select/react +165 -0
  180. package/dist/docs/api/v6/components/sidebar/html +116 -0
  181. package/dist/docs/api/v6/components/sidebar/react +57 -0
  182. package/dist/docs/api/v6/components/simple-file-upload/html +66 -0
  183. package/dist/docs/api/v6/components/simple-file-upload/react +97 -0
  184. package/dist/docs/api/v6/components/simple-list/html +42 -0
  185. package/dist/docs/api/v6/components/simple-list/react +29 -0
  186. package/dist/docs/api/v6/components/skeleton/html +51 -0
  187. package/dist/docs/api/v6/components/skeleton/html-demos +420 -0
  188. package/dist/docs/api/v6/components/skeleton/react +36 -0
  189. package/dist/docs/api/v6/components/skip-to-content/html +148 -0
  190. package/dist/docs/api/v6/components/skip-to-content/react +4 -0
  191. package/dist/docs/api/v6/components/slider/html +75 -0
  192. package/dist/docs/api/v6/components/slider/react +62 -0
  193. package/dist/docs/api/v6/components/spinner/html +64 -0
  194. package/dist/docs/api/v6/components/spinner/react +24 -0
  195. package/dist/docs/api/v6/components/switch/html +70 -0
  196. package/dist/docs/api/v6/components/switch/react +45 -0
  197. package/dist/docs/api/v6/components/table/html +805 -0
  198. package/dist/docs/api/v6/components/table/html-demos +16254 -0
  199. package/dist/docs/api/v6/components/tabs/html +633 -0
  200. package/dist/docs/api/v6/components/tabs/html-demos +3660 -0
  201. package/dist/docs/api/v6/components/tabs/react +258 -0
  202. package/dist/docs/api/v6/components/text-area/react +71 -0
  203. package/dist/docs/api/v6/components/text-input/react +57 -0
  204. package/dist/docs/api/v6/components/text-input-group/html +159 -0
  205. package/dist/docs/api/v6/components/text-input-group/react +48 -0
  206. package/dist/docs/api/v6/components/tile/html-deprecated +56 -0
  207. package/dist/docs/api/v6/components/tile/react-deprecated +151 -0
  208. package/dist/docs/api/v6/components/time-picker/react +47 -0
  209. package/dist/docs/api/v6/components/timestamp/html +18 -0
  210. package/dist/docs/api/v6/components/timestamp/react +63 -0
  211. package/dist/docs/api/v6/components/title/html +58 -0
  212. package/dist/docs/api/v6/components/title/react +12 -0
  213. package/dist/docs/api/v6/components/toggle-group/html +50 -0
  214. package/dist/docs/api/v6/components/toggle-group/react +61 -0
  215. package/dist/docs/api/v6/components/toolbar/html +309 -0
  216. package/dist/docs/api/v6/components/toolbar/html-demos +1939 -0
  217. package/dist/docs/api/v6/components/toolbar/react +135 -0
  218. package/dist/docs/api/v6/components/tooltip/html +71 -0
  219. package/dist/docs/api/v6/components/tooltip/react +42 -0
  220. package/dist/docs/api/v6/components/tree-view/html +118 -0
  221. package/dist/docs/api/v6/components/tree-view/react +107 -0
  222. package/dist/docs/api/v6/components/truncate/html +38 -0
  223. package/dist/docs/api/v6/components/truncate/react +47 -0
  224. package/dist/docs/api/v6/components/wizard/html +2867 -0
  225. package/dist/docs/api/v6/components/wizard/html-demos +5333 -0
  226. package/dist/docs/api/v6/components/wizard/react +162 -0
  227. package/dist/docs/api/v6/components/wizard/react-deprecated +380 -0
  228. package/dist/docs/api/v6/extensions/quick-starts/Basic-quick-starts +26 -0
  229. package/dist/docs/api/v6/extensions/quick-starts/In-app-documentation +14 -0
  230. package/dist/docs/api/v6/extensions/quick-starts/about +71 -0
  231. package/dist/docs/api/v6/extensions/quick-starts/design-guidelines +166 -0
  232. package/dist/docs/api/v6/layouts/bullseye/html +23 -0
  233. package/dist/docs/api/v6/layouts/flex/html +428 -0
  234. package/dist/docs/api/v6/layouts/gallery/html +79 -0
  235. package/dist/docs/api/v6/layouts/grid/html +116 -0
  236. package/dist/docs/api/v6/layouts/level/html +38 -0
  237. package/dist/docs/api/v6/layouts/split/html +40 -0
  238. package/dist/docs/api/v6/layouts/stack/html +32 -0
  239. package/dist/docs/api/v6/patterns/card-view/html-demos +1103 -0
  240. package/dist/docs/api/v6/patterns/dashboard/html-demos +1610 -0
  241. package/dist/docs/api/v6/patterns/primary-detail/html-demos +6371 -0
  242. package/dist/docs/api/v6/utility-classes/accessibility/html +35 -0
  243. package/dist/docs/api/v6/utility-classes/alignment/html +25 -0
  244. package/dist/docs/api/v6/utility-classes/background-color/html +26 -0
  245. package/dist/docs/api/v6/utility-classes/box-shadow/html +50 -0
  246. package/dist/docs/api/v6/utility-classes/display/html +88 -0
  247. package/dist/docs/api/v6/utility-classes/flex/html +130 -0
  248. package/dist/docs/api/v6/utility-classes/float/html +23 -0
  249. package/dist/docs/api/v6/utility-classes/sizing/html +195 -0
  250. package/dist/docs/api/v6/utility-classes/spacing/html +78 -0
  251. package/dist/docs/api/v6/utility-classes/text/html +104 -0
  252. package/dist/docs/apiIndex.json +561 -0
  253. package/dist/docs/components/about-modal/html/index.html +8 -8
  254. package/dist/docs/components/about-modal/html-demos/index.html +4 -4
  255. package/dist/docs/components/about-modal/index.html +5 -5
  256. package/dist/docs/components/accordion/html/index.html +25 -25
  257. package/dist/docs/components/accordion/index.html +10 -10
  258. package/dist/docs/components/action-list/html/index.html +11 -11
  259. package/dist/docs/components/action-list/index.html +9 -9
  260. package/dist/docs/components/action-list/react/index.html +6 -6
  261. package/dist/docs/components/alert/html/index.html +28 -28
  262. package/dist/docs/components/alert/html-demos/index.html +7 -7
  263. package/dist/docs/components/alert/index.html +80 -80
  264. package/dist/docs/components/alert/react/index.html +80 -80
  265. package/dist/docs/components/avatar/html/index.html +16 -16
  266. package/dist/docs/components/avatar/index.html +8 -8
  267. package/dist/docs/components/avatar/react/index.html +8 -8
  268. package/dist/docs/components/back-to-top/html/index.html +9 -9
  269. package/dist/docs/components/back-to-top/html-demos/index.html +4 -4
  270. package/dist/docs/components/back-to-top/index.html +8 -8
  271. package/dist/docs/components/back-to-top/react/index.html +8 -8
  272. package/dist/docs/components/backdrop/html/index.html +8 -8
  273. package/dist/docs/components/backdrop/index.html +3 -3
  274. package/dist/docs/components/backdrop/react/index.html +6 -6
  275. package/dist/docs/components/background-image/html/index.html +8 -8
  276. package/dist/docs/components/background-image/index.html +3 -3
  277. package/dist/docs/components/background-image/react/index.html +6 -6
  278. package/dist/docs/components/badge/html/index.html +12 -12
  279. package/dist/docs/components/badge/index.html +8 -8
  280. package/dist/docs/components/badge/react/index.html +8 -8
  281. package/dist/docs/components/banner/html/index.html +12 -12
  282. package/dist/docs/components/banner/html-demos/index.html +6 -6
  283. package/dist/docs/components/banner/index.html +11 -11
  284. package/dist/docs/components/banner/react/index.html +11 -11
  285. package/dist/docs/components/brand/html/index.html +13 -13
  286. package/dist/docs/components/brand/index.html +9 -9
  287. package/dist/docs/components/breadcrumb/html/index.html +18 -18
  288. package/dist/docs/components/breadcrumb/index.html +9 -9
  289. package/dist/docs/components/button/html-demos/index.html +8 -8
  290. package/dist/docs/components/button/react/index.html +34 -34
  291. package/dist/docs/components/calendar-month/react/index.html +9 -9
  292. package/dist/docs/components/card/html/index.html +37 -37
  293. package/dist/docs/components/card/html-demos/index.html +22 -22
  294. package/dist/docs/components/card/index.html +52 -52
  295. package/dist/docs/components/card/react/index.html +52 -52
  296. package/dist/docs/components/checkbox/react/index.html +16 -16
  297. package/dist/docs/components/chip/index.html +11 -11
  298. package/dist/docs/components/chip/react-deprecated/index.html +11 -11
  299. package/dist/docs/components/clipboard-copy/html/index.html +15 -15
  300. package/dist/docs/components/clipboard-copy/index.html +18 -18
  301. package/dist/docs/components/clipboard-copy/react/index.html +15 -15
  302. package/dist/docs/components/code-block/html/index.html +10 -10
  303. package/dist/docs/components/code-block/index.html +9 -9
  304. package/dist/docs/components/code-block/react/index.html +6 -6
  305. package/dist/docs/components/content/html/index.html +21 -21
  306. package/dist/docs/components/content/index.html +19 -19
  307. package/dist/docs/components/data-list/html/index.html +38 -38
  308. package/dist/docs/components/data-list/html-demos/index.html +12 -12
  309. package/dist/docs/components/data-list/index.html +21 -21
  310. package/dist/docs/components/date-picker/html/index.html +14 -14
  311. package/dist/docs/components/date-picker/index.html +17 -17
  312. package/dist/docs/components/date-picker/react/index.html +17 -17
  313. package/dist/docs/components/description-list/html-demos/index.html +11 -11
  314. package/dist/docs/components/description-list/react/index.html +39 -39
  315. package/dist/docs/components/divider/react/index.html +14 -14
  316. package/dist/docs/components/drag-and-drop/react-deprecated/index.html +9 -9
  317. package/dist/docs/components/drawer/html/index.html +30 -30
  318. package/dist/docs/components/drawer/html-demos/index.html +16 -16
  319. package/dist/docs/components/drawer/index.html +28 -28
  320. package/dist/docs/components/drawer/react/index.html +28 -28
  321. package/dist/docs/components/dropdown/index.html +17 -17
  322. package/dist/docs/components/dropdown/react/index.html +17 -17
  323. package/dist/docs/components/dual-list-selector/html/index.html +16 -16
  324. package/dist/docs/components/dual-list-selector/index.html +20 -20
  325. package/dist/docs/components/dual-list-selector/react/index.html +20 -20
  326. package/dist/docs/components/empty-state/html/index.html +11 -11
  327. package/dist/docs/components/empty-state/index.html +10 -10
  328. package/dist/docs/components/empty-state/react/index.html +13 -13
  329. package/dist/docs/components/expandable-section/html/index.html +17 -17
  330. package/dist/docs/components/expandable-section/index.html +18 -18
  331. package/dist/docs/components/expandable-section/react/index.html +18 -18
  332. package/dist/docs/components/form/html/index.html +16 -16
  333. package/dist/docs/components/form/html-demos/index.html +9 -9
  334. package/dist/docs/components/form/index.html +16 -16
  335. package/dist/docs/components/form/react/index.html +19 -19
  336. package/dist/docs/components/form-select/index.html +9 -9
  337. package/dist/docs/components/form-select/react/index.html +9 -9
  338. package/dist/docs/components/hint/react/index.html +11 -11
  339. package/dist/docs/components/icon/react/index.html +20 -20
  340. package/dist/docs/components/inline-edit/html/index.html +26 -26
  341. package/dist/docs/components/inline-edit/index.html +26 -26
  342. package/dist/docs/components/input-group/html/index.html +9 -9
  343. package/dist/docs/components/input-group/index.html +9 -9
  344. package/dist/docs/components/input-group/react/index.html +12 -12
  345. package/dist/docs/components/jump-links/html/index.html +17 -17
  346. package/dist/docs/components/jump-links/index.html +9 -9
  347. package/dist/docs/components/jump-links/react/index.html +12 -12
  348. package/dist/docs/components/list/html/index.html +16 -16
  349. package/dist/docs/components/list/index.html +12 -12
  350. package/dist/docs/components/list/react/index.html +12 -12
  351. package/dist/docs/components/login-page/html/index.html +14 -14
  352. package/dist/docs/components/login-page/index.html +10 -10
  353. package/dist/docs/components/login-page/react/index.html +13 -13
  354. package/dist/docs/components/masthead/html/index.html +13 -13
  355. package/dist/docs/components/masthead/html-demos/index.html +23 -23
  356. package/dist/docs/components/masthead/index.html +18 -18
  357. package/dist/docs/components/masthead/react/index.html +15 -15
  358. package/dist/docs/components/menu/html/index.html +46 -46
  359. package/dist/docs/components/menu/index.html +68 -68
  360. package/dist/docs/components/menu/react/index.html +68 -68
  361. package/dist/docs/components/menu-toggle/html/index.html +35 -35
  362. package/dist/docs/components/menu-toggle/index.html +66 -66
  363. package/dist/docs/components/menu-toggle/react/index.html +66 -66
  364. package/dist/docs/components/modal/html-demos/index.html +16 -16
  365. package/dist/docs/components/modal/react/index.html +41 -41
  366. package/dist/docs/components/multiple-file-upload/html/index.html +14 -14
  367. package/dist/docs/components/multiple-file-upload/index.html +29 -29
  368. package/dist/docs/components/multiple-file-upload/react/index.html +29 -29
  369. package/dist/docs/components/navigation/html/index.html +29 -29
  370. package/dist/docs/components/navigation/index.html +21 -21
  371. package/dist/docs/components/notification-drawer/html-demos/index.html +16 -16
  372. package/dist/docs/components/overflow-menu/react/index.html +9 -9
  373. package/dist/docs/components/page/html-demos/index.html +35 -35
  374. package/dist/docs/components/page/react/index.html +47 -47
  375. package/dist/docs/components/pagination/react/index.html +17 -17
  376. package/dist/docs/components/panel/html-demos/index.html +5 -5
  377. package/dist/docs/components/panel/react/index.html +25 -25
  378. package/dist/docs/components/popover/react/index.html +20 -20
  379. package/dist/docs/components/progress/react/index.html +20 -20
  380. package/dist/docs/components/progress-stepper/react/index.html +13 -13
  381. package/dist/docs/components/radio/react/index.html +12 -12
  382. package/dist/docs/components/search-input/index.html +14 -14
  383. package/dist/docs/components/search-input/react/index.html +14 -14
  384. package/dist/docs/components/select/index.html +62 -62
  385. package/dist/docs/components/select/react/index.html +62 -62
  386. package/dist/docs/components/sidebar/react/index.html +17 -17
  387. package/dist/docs/components/simple-file-upload/html/index.html +15 -15
  388. package/dist/docs/components/simple-file-upload/index.html +32 -32
  389. package/dist/docs/components/simple-file-upload/react/index.html +32 -32
  390. package/dist/docs/components/simple-list/react/index.html +9 -9
  391. package/dist/docs/components/skeleton/react/index.html +7 -7
  392. package/dist/docs/components/skip-to-content/react/index.html +3 -3
  393. package/dist/docs/components/slider/react/index.html +19 -19
  394. package/dist/docs/components/spinner/react/index.html +6 -6
  395. package/dist/docs/components/switch/react/index.html +12 -12
  396. package/dist/docs/components/table/html/index.html +129 -129
  397. package/dist/docs/components/table/html-demos/index.html +33 -33
  398. package/dist/docs/components/table/index.html +129 -129
  399. package/dist/docs/components/tabs/html/index.html +64 -64
  400. package/dist/docs/components/tabs/html-demos/index.html +13 -13
  401. package/dist/docs/components/tabs/index.html +74 -74
  402. package/dist/docs/components/tabs/react/index.html +74 -74
  403. package/dist/docs/components/text-area/index.html +15 -15
  404. package/dist/docs/components/text-area/react/index.html +15 -15
  405. package/dist/docs/components/text-input/index.html +10 -10
  406. package/dist/docs/components/text-input/react/index.html +10 -10
  407. package/dist/docs/components/text-input-group/html/index.html +27 -27
  408. package/dist/docs/components/text-input-group/index.html +16 -16
  409. package/dist/docs/components/text-input-group/react/index.html +16 -16
  410. package/dist/docs/components/tile/html-deprecated/index.html +14 -14
  411. package/dist/docs/components/tile/index.html +26 -26
  412. package/dist/docs/components/tile/react-deprecated/index.html +26 -26
  413. package/dist/docs/components/time-picker/index.html +10 -10
  414. package/dist/docs/components/time-picker/react/index.html +10 -10
  415. package/dist/docs/components/timestamp/html/index.html +5 -5
  416. package/dist/docs/components/timestamp/index.html +18 -18
  417. package/dist/docs/components/timestamp/react/index.html +18 -18
  418. package/dist/docs/components/title/react/index.html +7 -7
  419. package/dist/docs/components/toggle-group/react/index.html +21 -21
  420. package/dist/docs/components/toolbar/html-demos/index.html +12 -12
  421. package/dist/docs/components/toolbar/react/index.html +39 -39
  422. package/dist/docs/components/tooltip/react/index.html +9 -9
  423. package/dist/docs/components/tree-view/react/index.html +20 -20
  424. package/dist/docs/components/truncate/react/index.html +10 -10
  425. package/dist/docs/components/wizard/html/index.html +29 -29
  426. package/dist/docs/components/wizard/html-demos/index.html +22 -22
  427. package/dist/docs/components/wizard/index.html +32 -32
  428. package/dist/docs/components/wizard/react/index.html +32 -32
  429. package/dist/docs/components/wizard/react-deprecated/index.html +22 -22
  430. package/dist/docs/layouts/bullseye/html/index.html +8 -8
  431. package/dist/docs/layouts/bullseye/index.html +8 -8
  432. package/dist/docs/layouts/flex/html/index.html +87 -87
  433. package/dist/docs/layouts/flex/index.html +87 -87
  434. package/dist/docs/layouts/gallery/html/index.html +20 -20
  435. package/dist/docs/layouts/gallery/index.html +20 -20
  436. package/dist/docs/layouts/grid/html/index.html +22 -22
  437. package/dist/docs/layouts/grid/index.html +22 -22
  438. package/dist/docs/layouts/level/html/index.html +10 -10
  439. package/dist/docs/layouts/level/index.html +10 -10
  440. package/dist/docs/layouts/split/html/index.html +13 -13
  441. package/dist/docs/layouts/split/index.html +13 -13
  442. package/dist/docs/layouts/stack/html/index.html +12 -12
  443. package/dist/docs/layouts/stack/index.html +12 -12
  444. package/dist/docs/patterns/card-view/html-demos/index.html +4 -4
  445. package/dist/docs/patterns/card-view/index.html +4 -4
  446. package/dist/docs/patterns/dashboard/html-demos/index.html +4 -4
  447. package/dist/docs/patterns/dashboard/index.html +4 -4
  448. package/dist/docs/patterns/primary-detail/html-demos/index.html +20 -20
  449. package/dist/docs/patterns/primary-detail/index.html +20 -20
  450. package/dist/docs/utility-classes/accessibility/html/index.html +8 -8
  451. package/dist/docs/utility-classes/accessibility/index.html +8 -8
  452. package/dist/docs/utility-classes/alignment/html/index.html +7 -7
  453. package/dist/docs/utility-classes/alignment/index.html +7 -7
  454. package/dist/docs/utility-classes/background-color/html/index.html +9 -9
  455. package/dist/docs/utility-classes/background-color/index.html +9 -9
  456. package/dist/docs/utility-classes/flex/html/index.html +17 -17
  457. package/dist/docs/utility-classes/flex/index.html +17 -17
  458. package/dist/docs/utility-classes/float/html/index.html +10 -10
  459. package/dist/docs/utility-classes/float/index.html +10 -10
  460. package/dist/docs/utility-classes/sizing/html/index.html +31 -31
  461. package/dist/docs/utility-classes/sizing/index.html +31 -31
  462. package/dist/docs/utility-classes/spacing/html/index.html +12 -12
  463. package/dist/docs/utility-classes/spacing/index.html +12 -12
  464. package/dist/props.json +1 -1
  465. package/jest.config.ts +2 -0
  466. package/package.json +8 -6
  467. package/public/_routes.json +22 -0
  468. package/src/__mocks__/astro-content.ts +6 -0
  469. package/src/content.ts +1 -1
  470. package/src/pages/api/[version]/[section]/[page]/[tab].ts +153 -0
  471. package/src/pages/api/[version]/[section]/[page].ts +38 -0
  472. package/src/pages/api/[version]/[section].ts +37 -0
  473. package/src/pages/api/[version].ts +32 -0
  474. package/src/pages/api/index.ts +172 -0
  475. package/src/pages/api/openapi.json.ts +398 -0
  476. package/src/pages/api/versions.ts +17 -0
  477. package/src/pages/apiIndex.json.ts +27 -0
  478. package/src/utils/apiHelpers.ts +50 -0
  479. package/src/utils/apiIndex/fetch.ts +20 -0
  480. package/src/utils/apiIndex/generate.ts +164 -0
  481. package/src/utils/apiIndex/get.ts +94 -0
  482. package/src/utils/apiIndex/index.ts +8 -0
  483. package/src/utils/getOutputDir.ts +19 -0
  484. package/src/utils/packageUtils.ts +5 -3
  485. package/test.setup.ts +26 -0
  486. package/tsconfig.json +9 -4
  487. package/wrangler.jsonc +3 -7
  488. package/dist/docs/_worker.js/manifest_xB4kYTib.mjs +0 -100
  489. /package/dist/docs/_worker.js/chunks/{AboutModalBox_Cu3lYj-F.mjs → AboutModalBox_BNczOYyR.mjs} +0 -0
  490. /package/dist/docs/_worker.js/chunks/{AboutModalBox_CuJGPHPL.mjs → AboutModalBox_C8zbG7Rg.mjs} +0 -0
  491. /package/dist/docs/_worker.js/chunks/{AboutModal_2kPyLvs3.mjs → AboutModal_BPvzWsrK.mjs} +0 -0
  492. /package/dist/docs/_worker.js/chunks/{AboutModal_B0z7yzIi.mjs → AboutModal_CeYYXWLv.mjs} +0 -0
  493. /package/dist/docs/_worker.js/chunks/{AboutModal_BDdESuuB.mjs → AboutModal_DJyd9uvp.mjs} +0 -0
  494. /package/dist/docs/_worker.js/chunks/{AboutModal_Dz2U27Vz.mjs → AboutModal_NzRG49E2.mjs} +0 -0
  495. /package/dist/docs/_worker.js/chunks/{Accessibility_BRx5nlJS.mjs → Accessibility_COWkI0jH.mjs} +0 -0
  496. /package/dist/docs/_worker.js/chunks/{Accessibility_qcjoR3_w.mjs → Accessibility_DSa9S6Ia.mjs} +0 -0
  497. /package/dist/docs/_worker.js/chunks/{Accordion_BkjW7yKq.mjs → Accordion_BlqY2C4D.mjs} +0 -0
  498. /package/dist/docs/_worker.js/chunks/{Accordion_CeHgjBz5.mjs → Accordion_CBBb0bLf.mjs} +0 -0
  499. /package/dist/docs/_worker.js/chunks/{Accordion_Cf63uWRp.mjs → Accordion_DAJlnIsZ.mjs} +0 -0
  500. /package/dist/docs/_worker.js/chunks/{Accordion_CpKvLzts.mjs → Accordion_DPHcrnYm.mjs} +0 -0
  501. /package/dist/docs/_worker.js/chunks/{ActionList_CF8a0IE9.mjs → ActionList_BkFDr382.mjs} +0 -0
  502. /package/dist/docs/_worker.js/chunks/{ActionList_Ch2LF-uv.mjs → ActionList_ChWZANBN.mjs} +0 -0
  503. /package/dist/docs/_worker.js/chunks/{ActionList_DWfW-IXs.mjs → ActionList_CuNEWpkC.mjs} +0 -0
  504. /package/dist/docs/_worker.js/chunks/{ActionList_Do_u7FsF.mjs → ActionList_DY0cKgjH.mjs} +0 -0
  505. /package/dist/docs/_worker.js/chunks/{Alert_BRqRi--b.mjs → Alert_BMKUu0xa.mjs} +0 -0
  506. /package/dist/docs/_worker.js/chunks/{Alert_BkfSiopo.mjs → Alert_BxxG-qhM.mjs} +0 -0
  507. /package/dist/docs/_worker.js/chunks/{Alert_BvereOfi.mjs → Alert_CuWvSmhx.mjs} +0 -0
  508. /package/dist/docs/_worker.js/chunks/{Alert_DUygPpQ5.mjs → Alert_DSyLCSlk.mjs} +0 -0
  509. /package/dist/docs/_worker.js/chunks/{Alert_QN7Mib-4.mjs → Alert_DY6c8Khh.mjs} +0 -0
  510. /package/dist/docs/_worker.js/chunks/{Alert_e-PUKVbG.mjs → Alert_GrG2aXYs.mjs} +0 -0
  511. /package/dist/docs/_worker.js/chunks/{Alignment_BUigz3LN.mjs → Alignment_CheFF91a.mjs} +0 -0
  512. /package/dist/docs/_worker.js/chunks/{Alignment_BoQxc0QM.mjs → Alignment_PVMuqeaO.mjs} +0 -0
  513. /package/dist/docs/_worker.js/chunks/{Avatar_BQ-g5V1O.mjs → Avatar_BaNh8rVy.mjs} +0 -0
  514. /package/dist/docs/_worker.js/chunks/{Avatar_CaZKESle.mjs → Avatar_C869bl5e.mjs} +0 -0
  515. /package/dist/docs/_worker.js/chunks/{Avatar_D8ATrjy5.mjs → Avatar_fcU0a-xJ.mjs} +0 -0
  516. /package/dist/docs/_worker.js/chunks/{Avatar_DKuiyYnc.mjs → Avatar_oNtW34f1.mjs} +0 -0
  517. /package/dist/docs/_worker.js/chunks/{BackToTop_BoRi2cA8.mjs → BackToTop_3FLvF2xk.mjs} +0 -0
  518. /package/dist/docs/_worker.js/chunks/{BackToTop_CJUUzsiv.mjs → BackToTop_BA7x9mvO.mjs} +0 -0
  519. /package/dist/docs/_worker.js/chunks/{BackToTop_Cl-uD2kH.mjs → BackToTop_Bc0G7rHN.mjs} +0 -0
  520. /package/dist/docs/_worker.js/chunks/{BackToTop_Czsq0Qaz.mjs → BackToTop_Bs32_WdM.mjs} +0 -0
  521. /package/dist/docs/_worker.js/chunks/{BackToTop_Do5ZHwh-.mjs → BackToTop_C9BdLTse.mjs} +0 -0
  522. /package/dist/docs/_worker.js/chunks/{BackToTop__KYf0zZz.mjs → BackToTop_Dc0HPyKc.mjs} +0 -0
  523. /package/dist/docs/_worker.js/chunks/{Backdrop_1jDnW_h-.mjs → Backdrop_7uK7x__z.mjs} +0 -0
  524. /package/dist/docs/_worker.js/chunks/{Backdrop_9cK5Uglb.mjs → Backdrop_BG6uadcI.mjs} +0 -0
  525. /package/dist/docs/_worker.js/chunks/{Backdrop_D5kOAkXn.mjs → Backdrop_BtWYFg-O.mjs} +0 -0
  526. /package/dist/docs/_worker.js/chunks/{Backdrop_FSaNVAb6.mjs → Backdrop_BvxFQdF9.mjs} +0 -0
  527. /package/dist/docs/_worker.js/chunks/{BackgroundColor_DBPo2sc5.mjs → BackgroundColor_D1Af2EE6.mjs} +0 -0
  528. /package/dist/docs/_worker.js/chunks/{BackgroundColor_DVx1LiIA.mjs → BackgroundColor_km2Swoh1.mjs} +0 -0
  529. /package/dist/docs/_worker.js/chunks/{BackgroundImage_1B4Xqvjz.mjs → BackgroundImage_5kJenDad.mjs} +0 -0
  530. /package/dist/docs/_worker.js/chunks/{BackgroundImage_BFGSvlXv.mjs → BackgroundImage_BMN4T5dS.mjs} +0 -0
  531. /package/dist/docs/_worker.js/chunks/{BackgroundImage_CuYgrC7t.mjs → BackgroundImage_CLlcp6_G.mjs} +0 -0
  532. /package/dist/docs/_worker.js/chunks/{BackgroundImage_Dw6e0Lyu.mjs → BackgroundImage_WY20wili.mjs} +0 -0
  533. /package/dist/docs/_worker.js/chunks/{Badge_B-DCK0co.mjs → Badge_BbfV9eFd.mjs} +0 -0
  534. /package/dist/docs/_worker.js/chunks/{Badge_B3H9xO69.mjs → Badge_CH4M-tWN.mjs} +0 -0
  535. /package/dist/docs/_worker.js/chunks/{Badge_BcySz2jh.mjs → Badge_CWzUxB8l.mjs} +0 -0
  536. /package/dist/docs/_worker.js/chunks/{Badge_Jsmi3Kxq.mjs → Badge_CmDTaJjh.mjs} +0 -0
  537. /package/dist/docs/_worker.js/chunks/{Banner_B8ITz2zL.mjs → Banner_BUnrevVM.mjs} +0 -0
  538. /package/dist/docs/_worker.js/chunks/{Banner_BGiPyzR_.mjs → Banner_Cahzlmat.mjs} +0 -0
  539. /package/dist/docs/_worker.js/chunks/{Banner_Cg9HPJpG.mjs → Banner_FHaHghSg.mjs} +0 -0
  540. /package/dist/docs/_worker.js/chunks/{Banner_Cn7uthlJ.mjs → Banner_FlNcMFkL.mjs} +0 -0
  541. /package/dist/docs/_worker.js/chunks/{Banner_CxwqlJVm.mjs → Banner_JU8blRLq.mjs} +0 -0
  542. /package/dist/docs/_worker.js/chunks/{Banner_DOUhfqWw.mjs → Banner_PXq9izyR.mjs} +0 -0
  543. /package/dist/docs/_worker.js/chunks/{BasicForms_B8tjSKLE.mjs → BasicForms_CRKLIxWY.mjs} +0 -0
  544. /package/dist/docs/_worker.js/chunks/{BasicForms_CwmafI57.mjs → BasicForms_DfSp5KU7.mjs} +0 -0
  545. /package/dist/docs/_worker.js/chunks/{Brand_Bc16U4sl.mjs → Brand_B30r7hZ6.mjs} +0 -0
  546. /package/dist/docs/_worker.js/chunks/{Brand_Ca5twYGi.mjs → Brand_BfmPCXwg.mjs} +0 -0
  547. /package/dist/docs/_worker.js/chunks/{Brand_CiRWWx3E.mjs → Brand_BvvdXzb1.mjs} +0 -0
  548. /package/dist/docs/_worker.js/chunks/{Brand_EXmEIPy8.mjs → Brand_GLhvVdyd.mjs} +0 -0
  549. /package/dist/docs/_worker.js/chunks/{Breadcrumb_BX2cFjiF.mjs → Breadcrumb_3JGDbbuT.mjs} +0 -0
  550. /package/dist/docs/_worker.js/chunks/{Breadcrumb_BjI3zcaO.mjs → Breadcrumb_BRgcJqnY.mjs} +0 -0
  551. /package/dist/docs/_worker.js/chunks/{Breadcrumb_BpBuLVTr.mjs → Breadcrumb_BpSRoboz.mjs} +0 -0
  552. /package/dist/docs/_worker.js/chunks/{Breadcrumb_CirgAHgC.mjs → Breadcrumb_DZII1CYA.mjs} +0 -0
  553. /package/dist/docs/_worker.js/chunks/{Bullseye_BIs4SLst.mjs → Bullseye_CBKv8V48.mjs} +0 -0
  554. /package/dist/docs/_worker.js/chunks/{Bullseye_CN1FN4JT.mjs → Bullseye_DDNLt3fh.mjs} +0 -0
  555. /package/dist/docs/_worker.js/chunks/{Button_8xH2aT7J.mjs → Button_B-Y4jih0.mjs} +0 -0
  556. /package/dist/docs/_worker.js/chunks/{Button_B1kHGK3S.mjs → Button_BSFDzlps.mjs} +0 -0
  557. /package/dist/docs/_worker.js/chunks/{Button_C-S6OiP6.mjs → Button_CFHM4AFH.mjs} +0 -0
  558. /package/dist/docs/_worker.js/chunks/{Button_DFy1CpC-.mjs → Button_D38jkR7H.mjs} +0 -0
  559. /package/dist/docs/_worker.js/chunks/{Button_XADBi_Ls.mjs → Button_DmVPT4H2.mjs} +0 -0
  560. /package/dist/docs/_worker.js/chunks/{Button_danYwnXx.mjs → Button_agojXX0J.mjs} +0 -0
  561. /package/dist/docs/_worker.js/chunks/{CalendarMonth_B09a0u_g.mjs → CalendarMonth_C8v3gM3y.mjs} +0 -0
  562. /package/dist/docs/_worker.js/chunks/{CalendarMonth_BgAdBBc2.mjs → CalendarMonth_CWncV4uY.mjs} +0 -0
  563. /package/dist/docs/_worker.js/chunks/{CalendarMonth_CBumh51r.mjs → CalendarMonth_D_e29EfW.mjs} +0 -0
  564. /package/dist/docs/_worker.js/chunks/{CalendarMonth_C_WNUtgk.mjs → CalendarMonth_FATpCVIq.mjs} +0 -0
  565. /package/dist/docs/_worker.js/chunks/{CardView_DJgLPA2i.mjs → CardView_B-NDMEtF.mjs} +0 -0
  566. /package/dist/docs/_worker.js/chunks/{CardView_D_SJbntJ.mjs → CardView_Dpll06PH.mjs} +0 -0
  567. /package/dist/docs/_worker.js/chunks/{Card_-kgmEE9_.mjs → Card_7s4QIA2Z.mjs} +0 -0
  568. /package/dist/docs/_worker.js/chunks/{Card_BGXuqPsV.mjs → Card_B5XzQFdM.mjs} +0 -0
  569. /package/dist/docs/_worker.js/chunks/{Card_Bvgop1nZ.mjs → Card_BLB4dGR8.mjs} +0 -0
  570. /package/dist/docs/_worker.js/chunks/{Card_C6PpZ7gQ.mjs → Card_BS60F8kt.mjs} +0 -0
  571. /package/dist/docs/_worker.js/chunks/{Card_Ckqju2uX.mjs → Card_BtN8CqII.mjs} +0 -0
  572. /package/dist/docs/_worker.js/chunks/{Card_uIM_n8iH.mjs → Card_D8DoqX5T.mjs} +0 -0
  573. /package/dist/docs/_worker.js/chunks/{Check_DtQoPD6Z.mjs → Check_BB20AYbW.mjs} +0 -0
  574. /package/dist/docs/_worker.js/chunks/{Check_dBL7Gl6I.mjs → Check_DHkkgahn.mjs} +0 -0
  575. /package/dist/docs/_worker.js/chunks/{Checkbox_DvLpvMWN.mjs → Checkbox_DjV26Wgr.mjs} +0 -0
  576. /package/dist/docs/_worker.js/chunks/{Checkbox_DzcSGlbI.mjs → Checkbox_xflCkZIF.mjs} +0 -0
  577. /package/dist/docs/_worker.js/chunks/{Chip_CKLvI_Mf.mjs → Chip_BUMeI1O4.mjs} +0 -0
  578. /package/dist/docs/_worker.js/chunks/{Chip_DMEUR3Vv.mjs → Chip_BgLdVWOV.mjs} +0 -0
  579. /package/dist/docs/_worker.js/chunks/{ClipboardCopy_BXBMqMCs.mjs → ClipboardCopy_BIF12RM4.mjs} +0 -0
  580. /package/dist/docs/_worker.js/chunks/{ClipboardCopy_CFhZKIF0.mjs → ClipboardCopy_C4BuHCoz.mjs} +0 -0
  581. /package/dist/docs/_worker.js/chunks/{ClipboardCopy_DfLdAhwk.mjs → ClipboardCopy_DO-6QDpS.mjs} +0 -0
  582. /package/dist/docs/_worker.js/chunks/{ClipboardCopy_fnGItLg6.mjs → ClipboardCopy_qiS1xwMp.mjs} +0 -0
  583. /package/dist/docs/_worker.js/chunks/{CodeBlock_0C7qF2dr.mjs → CodeBlock_CYx5pFrZ.mjs} +0 -0
  584. /package/dist/docs/_worker.js/chunks/{CodeBlock_C6bcm2cn.mjs → CodeBlock_N2kfXLK5.mjs} +0 -0
  585. /package/dist/docs/_worker.js/chunks/{CodeBlock_C7Wzj1gx.mjs → CodeBlock_jCqMrKer.mjs} +0 -0
  586. /package/dist/docs/_worker.js/chunks/{CodeBlock_CdTE84x7.mjs → CodeBlock_lFFVflex.mjs} +0 -0
  587. /package/dist/docs/_worker.js/chunks/{CodeEditor_CWTZGsBI.mjs → CodeEditor_B9FvAqQv.mjs} +0 -0
  588. /package/dist/docs/_worker.js/chunks/{CodeEditor_D38VxLRX.mjs → CodeEditor_iJZcldbJ.mjs} +0 -0
  589. /package/dist/docs/_worker.js/chunks/{Content_BZxSjz_J.mjs → Content_DLR-SAaR.mjs} +0 -0
  590. /package/dist/docs/_worker.js/chunks/{Content_BmQwKJh_.mjs → Content_DQlmPrb8.mjs} +0 -0
  591. /package/dist/docs/_worker.js/chunks/{Content_DBNy5xBO.mjs → Content_DfqlBN-S.mjs} +0 -0
  592. /package/dist/docs/_worker.js/chunks/{Content_DrBKqT0k.mjs → Content_DhQ5uoQR.mjs} +0 -0
  593. /package/dist/docs/_worker.js/chunks/{Dashboard_B83TJg4a.mjs → Dashboard_BX0o5ROG.mjs} +0 -0
  594. /package/dist/docs/_worker.js/chunks/{Dashboard_DOtfffa6.mjs → Dashboard_CmcIupy1.mjs} +0 -0
  595. /package/dist/docs/_worker.js/chunks/{DataList_BjvE1-EN.mjs → DataList_BopnpeSv.mjs} +0 -0
  596. /package/dist/docs/_worker.js/chunks/{DataList_C8kDWfRu.mjs → DataList_C77dw91k.mjs} +0 -0
  597. /package/dist/docs/_worker.js/chunks/{DataList_CbE2AChO.mjs → DataList_C8deNCCm.mjs} +0 -0
  598. /package/dist/docs/_worker.js/chunks/{DataList_DSWugIlK.mjs → DataList_CHDx7o8c.mjs} +0 -0
  599. /package/dist/docs/_worker.js/chunks/{DataList_UQvuLrIO.mjs → DataList_DL12oPLb.mjs} +0 -0
  600. /package/dist/docs/_worker.js/chunks/{DataList_fAvCqaO9.mjs → DataList_DgaFlNxX.mjs} +0 -0
  601. /package/dist/docs/_worker.js/chunks/{DatePicker_ChDlX3iu.mjs → DatePicker_9PDaPseK.mjs} +0 -0
  602. /package/dist/docs/_worker.js/chunks/{DatePicker_DmPubMAh.mjs → DatePicker_DMkVH-KU.mjs} +0 -0
  603. /package/dist/docs/_worker.js/chunks/{DatePicker_DxC4SjdP.mjs → DatePicker_DsGMOhWO.mjs} +0 -0
  604. /package/dist/docs/_worker.js/chunks/{DatePicker_LoutNOXE.mjs → DatePicker_EvLi4WDs.mjs} +0 -0
  605. /package/dist/docs/_worker.js/chunks/{DescriptionList_3lGdBb0U.mjs → DescriptionList_ASlHyhtz.mjs} +0 -0
  606. /package/dist/docs/_worker.js/chunks/{DescriptionList_BDELBpRj.mjs → DescriptionList_BnVlCfDg.mjs} +0 -0
  607. /package/dist/docs/_worker.js/chunks/{DescriptionList_CLtdawK9.mjs → DescriptionList_ByVHfI3x.mjs} +0 -0
  608. /package/dist/docs/_worker.js/chunks/{DescriptionList_D1-hsrAN.mjs → DescriptionList_C1LMmPyz.mjs} +0 -0
  609. /package/dist/docs/_worker.js/chunks/{DescriptionList_nVVfmKOa.mjs → DescriptionList_CWoVmHWI.mjs} +0 -0
  610. /package/dist/docs/_worker.js/chunks/{DescriptionList_qJOduyx2.mjs → DescriptionList_D5Q0rs8C.mjs} +0 -0
  611. /package/dist/docs/_worker.js/chunks/{Display_IGnId0qr.mjs → Display_CAsjZFSd.mjs} +0 -0
  612. /package/dist/docs/_worker.js/chunks/{Display_s4e7T1j8.mjs → Display_xCEc_Oca.mjs} +0 -0
  613. /package/dist/docs/_worker.js/chunks/{Divider_CmZybpc_.mjs → Divider_B6OiIkro.mjs} +0 -0
  614. /package/dist/docs/_worker.js/chunks/{Divider_CvaEHek5.mjs → Divider_Bxbf5mZN.mjs} +0 -0
  615. /package/dist/docs/_worker.js/chunks/{Divider_DvFZnJJ7.mjs → Divider_CKYfxMgN.mjs} +0 -0
  616. /package/dist/docs/_worker.js/chunks/{Divider_pyLZ_EMM.mjs → Divider_Cnzfsx6G.mjs} +0 -0
  617. /package/dist/docs/_worker.js/chunks/{DragDrop_BvPhro74.mjs → DragDrop_1en70gW4.mjs} +0 -0
  618. /package/dist/docs/_worker.js/chunks/{DragDrop_CT1WBYhp.mjs → DragDrop_C0v3e_cU.mjs} +0 -0
  619. /package/dist/docs/_worker.js/chunks/{DragDrop_CUw_-GtF.mjs → DragDrop_Cin3wle-.mjs} +0 -0
  620. /package/dist/docs/_worker.js/chunks/{DragDrop_DSAdhUHP.mjs → DragDrop_mB4sMgjx.mjs} +0 -0
  621. /package/dist/docs/_worker.js/chunks/{Drawer_BVm5Yhus.mjs → Drawer_BW9erPO2.mjs} +0 -0
  622. /package/dist/docs/_worker.js/chunks/{Drawer_Bhax3CGl.mjs → Drawer_C-WgSkcG.mjs} +0 -0
  623. /package/dist/docs/_worker.js/chunks/{Drawer_CIBwlqQC.mjs → Drawer_C1KBDQ5l.mjs} +0 -0
  624. /package/dist/docs/_worker.js/chunks/{Drawer_CeYoRuud.mjs → Drawer_DA64hmKf.mjs} +0 -0
  625. /package/dist/docs/_worker.js/chunks/{Drawer_DpEoCU11.mjs → Drawer_DMc1uO89.mjs} +0 -0
  626. /package/dist/docs/_worker.js/chunks/{Drawer_GCYNgR69.mjs → Drawer_PeZQnMIO.mjs} +0 -0
  627. /package/dist/docs/_worker.js/chunks/{Dropdown_1ERtwj9O.mjs → Dropdown_Dg9_E15P.mjs} +0 -0
  628. /package/dist/docs/_worker.js/chunks/{Dropdown_D6m8nATe.mjs → Dropdown_Dn5FUndI.mjs} +0 -0
  629. /package/dist/docs/_worker.js/chunks/{DualListSelector_BeocT9BY.mjs → DualListSelector_-ZCw4aJP.mjs} +0 -0
  630. /package/dist/docs/_worker.js/chunks/{DualListSelector_CnuREgii.mjs → DualListSelector_BNVGJkd3.mjs} +0 -0
  631. /package/dist/docs/_worker.js/chunks/{DualListSelector_D7bU59cy.mjs → DualListSelector_Bjmq7VyJ.mjs} +0 -0
  632. /package/dist/docs/_worker.js/chunks/{DualListSelector_DaQc0u7L.mjs → DualListSelector_Bx4TqnjA.mjs} +0 -0
  633. /package/dist/docs/_worker.js/chunks/{DualListSelector_DnK-4e_t.mjs → DualListSelector_C4FOl0eW.mjs} +0 -0
  634. /package/dist/docs/_worker.js/chunks/{DualListSelector_eNCJBkn3.mjs → DualListSelector__iK-h_oy.mjs} +0 -0
  635. /package/dist/docs/_worker.js/chunks/{EmptyState_4aPHv0oS.mjs → EmptyState_BqEcPKpc.mjs} +0 -0
  636. /package/dist/docs/_worker.js/chunks/{EmptyState_BxopGC5Y.mjs → EmptyState_C0R60QYB.mjs} +0 -0
  637. /package/dist/docs/_worker.js/chunks/{EmptyState_CGPjIFR2.mjs → EmptyState_DRiJr40u.mjs} +0 -0
  638. /package/dist/docs/_worker.js/chunks/{EmptyState_Cm7R7m5E.mjs → EmptyState_b8WjbK6G.mjs} +0 -0
  639. /package/dist/docs/_worker.js/chunks/{ExpandableSection_7MhgwzIQ.mjs → ExpandableSection_C5wB6yQe.mjs} +0 -0
  640. /package/dist/docs/_worker.js/chunks/{ExpandableSection_C9EV1430.mjs → ExpandableSection_CAudiMeL.mjs} +0 -0
  641. /package/dist/docs/_worker.js/chunks/{ExpandableSection_ChLVmhmz.mjs → ExpandableSection_h__Wlq_8.mjs} +0 -0
  642. /package/dist/docs/_worker.js/chunks/{ExpandableSection_DbaTBUK0.mjs → ExpandableSection_rino3ake.mjs} +0 -0
  643. /package/dist/docs/_worker.js/chunks/{FileUpload_-AMCHxRs.mjs → FileUpload_BBytFSDi.mjs} +0 -0
  644. /package/dist/docs/_worker.js/chunks/{FileUpload_Bh088GWC.mjs → FileUpload_Brcpxjgy.mjs} +0 -0
  645. /package/dist/docs/_worker.js/chunks/{FileUpload_Bp400wRv.mjs → FileUpload_CCluI7Qg.mjs} +0 -0
  646. /package/dist/docs/_worker.js/chunks/{FileUpload_Bw9Y-_MR.mjs → FileUpload_CJv9o7iX.mjs} +0 -0
  647. /package/dist/docs/_worker.js/chunks/{Flex_CKc1G2R_.mjs → Flex_BSEvNiCq.mjs} +0 -0
  648. /package/dist/docs/_worker.js/chunks/{Flex_CZUMPRAJ.mjs → Flex_DBp4St0L.mjs} +0 -0
  649. /package/dist/docs/_worker.js/chunks/{Flex_DKSXSurr.mjs → Flex_DMpmr1cB.mjs} +0 -0
  650. /package/dist/docs/_worker.js/chunks/{Flex_YfCm5HaC.mjs → Flex_MwVi3xPw.mjs} +0 -0
  651. /package/dist/docs/_worker.js/chunks/{Float_BPeNj4E6.mjs → Float_CSEpZMsA.mjs} +0 -0
  652. /package/dist/docs/_worker.js/chunks/{Float_iQZnnAiX.mjs → Float_DiHaeRgP.mjs} +0 -0
  653. /package/dist/docs/_worker.js/chunks/{FormControl_CZWnehfz.mjs → FormControl_CwgwqtI-.mjs} +0 -0
  654. /package/dist/docs/_worker.js/chunks/{FormControl_Cx-ba5Qk.mjs → FormControl_kYJyUVQi.mjs} +0 -0
  655. /package/dist/docs/_worker.js/chunks/{FormSelect_-gqb1xwe.mjs → FormSelect_DCumhhO4.mjs} +0 -0
  656. /package/dist/docs/_worker.js/chunks/{FormSelect_DEsRV24d.mjs → FormSelect_DorfB_dn.mjs} +0 -0
  657. /package/dist/docs/_worker.js/chunks/{Form_D1nKt_79.mjs → Form_BoHYDmOW.mjs} +0 -0
  658. /package/dist/docs/_worker.js/chunks/{Form_D3G3m68w.mjs → Form_Bzc8we9g.mjs} +0 -0
  659. /package/dist/docs/_worker.js/chunks/{Form_DWJD_soL.mjs → Form_CkOABJis.mjs} +0 -0
  660. /package/dist/docs/_worker.js/chunks/{Form_PYxb5bzV.mjs → Form_opnqDEUL.mjs} +0 -0
  661. /package/dist/docs/_worker.js/chunks/{Gallery_B0D9c9SA.mjs → Gallery_CaNW5BKu.mjs} +0 -0
  662. /package/dist/docs/_worker.js/chunks/{Gallery_DXqxzx-Z.mjs → Gallery_Cl9YyYS-.mjs} +0 -0
  663. /package/dist/docs/_worker.js/chunks/{Grid_Cd2BcI08.mjs → Grid_CRvH-aCL.mjs} +0 -0
  664. /package/dist/docs/_worker.js/chunks/{Grid_Dox2ZoC6.mjs → Grid_DGUOKf99.mjs} +0 -0
  665. /package/dist/docs/_worker.js/chunks/{HelperText_8gmB4M_G.mjs → HelperText_7uSwd4Bo.mjs} +0 -0
  666. /package/dist/docs/_worker.js/chunks/{HelperText_B8Cok64Y.mjs → HelperText_BGQ-3A0k.mjs} +0 -0
  667. /package/dist/docs/_worker.js/chunks/{HelperText_BHC4l-i3.mjs → HelperText_BLszq2Gb.mjs} +0 -0
  668. /package/dist/docs/_worker.js/chunks/{HelperText_BpmMVNF4.mjs → HelperText_BrRGcKIR.mjs} +0 -0
  669. /package/dist/docs/_worker.js/chunks/{HelperText_DD9mIdb7.mjs → HelperText_DxtUrixW.mjs} +0 -0
  670. /package/dist/docs/_worker.js/chunks/{HelperText_X1kywm1k.mjs → HelperText_Mxj1MT36.mjs} +0 -0
  671. /package/dist/docs/_worker.js/chunks/{Hint_BOj5Ckqk.mjs → Hint_0gsAL_6K.mjs} +0 -0
  672. /package/dist/docs/_worker.js/chunks/{Hint_Btj22muI.mjs → Hint_CFny7XG0.mjs} +0 -0
  673. /package/dist/docs/_worker.js/chunks/{Hint_CRiLDYNg.mjs → Hint_DefhAp7H.mjs} +0 -0
  674. /package/dist/docs/_worker.js/chunks/{Hint_XUWVZoQD.mjs → Hint_DvPFB4ub.mjs} +0 -0
  675. /package/dist/docs/_worker.js/chunks/{Icon_5GI-2iys.mjs → Icon_BWLCvO1K.mjs} +0 -0
  676. /package/dist/docs/_worker.js/chunks/{Icon_BLzTbMWd.mjs → Icon_BczAebuY.mjs} +0 -0
  677. /package/dist/docs/_worker.js/chunks/{Icon_CqNe5xhP.mjs → Icon_CsUv3L9e.mjs} +0 -0
  678. /package/dist/docs/_worker.js/chunks/{Icon_NgZ_DoK3.mjs → Icon_u3du6xT4.mjs} +0 -0
  679. /package/dist/docs/_worker.js/chunks/{InlineEdit_B969VsU7.mjs → InlineEdit_Baoy8Mpe.mjs} +0 -0
  680. /package/dist/docs/_worker.js/chunks/{InlineEdit_fEHXpDuD.mjs → InlineEdit_DWDZ_00O.mjs} +0 -0
  681. /package/dist/docs/_worker.js/chunks/{InputGroup_5rI-0jg-.mjs → InputGroup_BsEj5wS8.mjs} +0 -0
  682. /package/dist/docs/_worker.js/chunks/{InputGroup_CP0BMHVg.mjs → InputGroup_DjQzimD7.mjs} +0 -0
  683. /package/dist/docs/_worker.js/chunks/{InputGroup_CpVp7l7v.mjs → InputGroup_P8g0qhgK.mjs} +0 -0
  684. /package/dist/docs/_worker.js/chunks/{InputGroup_nIpwoKB2.mjs → InputGroup_d8k8cWIf.mjs} +0 -0
  685. /package/dist/docs/_worker.js/chunks/{JumpLinks_3QOMFEfu.mjs → JumpLinks_BCPXiiLz.mjs} +0 -0
  686. /package/dist/docs/_worker.js/chunks/{JumpLinks_BxcpZFcw.mjs → JumpLinks_Bla_syZz.mjs} +0 -0
  687. /package/dist/docs/_worker.js/chunks/{JumpLinks_Cjqgk36d.mjs → JumpLinks_C5D_xKoP.mjs} +0 -0
  688. /package/dist/docs/_worker.js/chunks/{JumpLinks_D0c3iyVx.mjs → JumpLinks_CM0JaWX5.mjs} +0 -0
  689. /package/dist/docs/_worker.js/chunks/{JumpLinks_DRKVlWuV.mjs → JumpLinks_D6n6zbys.mjs} +0 -0
  690. /package/dist/docs/_worker.js/chunks/{JumpLinks_wCe-iuR1.mjs → JumpLinks_wOWDSGdE.mjs} +0 -0
  691. /package/dist/docs/_worker.js/chunks/{Label_D7g8PiVp.mjs → Label_10PYmgmY.mjs} +0 -0
  692. /package/dist/docs/_worker.js/chunks/{Label_Ui5uJD3i.mjs → Label_B5OSeK3h.mjs} +0 -0
  693. /package/dist/docs/_worker.js/chunks/{Label_WP06UeBh.mjs → Label_BT-0r2eh.mjs} +0 -0
  694. /package/dist/docs/_worker.js/chunks/{Label_r4hFZ6er.mjs → Label_joomVXEb.mjs} +0 -0
  695. /package/dist/docs/_worker.js/chunks/{Level_BAc2AXw7.mjs → Level_BI1SxWef.mjs} +0 -0
  696. /package/dist/docs/_worker.js/chunks/{Level_CEIrAmfV.mjs → Level_C3pSfUGg.mjs} +0 -0
  697. /package/dist/docs/_worker.js/chunks/{List_C6OSxDQM.mjs → List_BpLWxsBw.mjs} +0 -0
  698. /package/dist/docs/_worker.js/chunks/{List_DSMt7Cat.mjs → List_CPsQIcHe.mjs} +0 -0
  699. /package/dist/docs/_worker.js/chunks/{List_DhQEOBM-.mjs → List_DyPWZ4dC.mjs} +0 -0
  700. /package/dist/docs/_worker.js/chunks/{List_DysZ1TvG.mjs → List_EjRUnTW3.mjs} +0 -0
  701. /package/dist/docs/_worker.js/chunks/{LoginPage_C4gxnxqJ.mjs → LoginPage_Bys39qKW.mjs} +0 -0
  702. /package/dist/docs/_worker.js/chunks/{LoginPage_gWBzKOCs.mjs → LoginPage_D6cqn-De.mjs} +0 -0
  703. /package/dist/docs/_worker.js/chunks/{Login_BwwgZ1z_.mjs → Login_CRFcCJ1F.mjs} +0 -0
  704. /package/dist/docs/_worker.js/chunks/{Login_e4VsumLx.mjs → Login_DjNhEc3s.mjs} +0 -0
  705. /package/dist/docs/_worker.js/chunks/{Masthead_BaLmq3V3.mjs → Masthead_CHNvxuLR.mjs} +0 -0
  706. /package/dist/docs/_worker.js/chunks/{Masthead_BtIJoqaR.mjs → Masthead_CUO_hUC8.mjs} +0 -0
  707. /package/dist/docs/_worker.js/chunks/{Masthead_Cusyq_Me.mjs → Masthead_DmXqVBTy.mjs} +0 -0
  708. /package/dist/docs/_worker.js/chunks/{Masthead_DQwZX3rc.mjs → Masthead_uCL2Ca9k.mjs} +0 -0
  709. /package/dist/docs/_worker.js/chunks/{MenuToggle_CDNmk80b.mjs → MenuToggle_4nodyVMz.mjs} +0 -0
  710. /package/dist/docs/_worker.js/chunks/{MenuToggle_CZbKtgll.mjs → MenuToggle_DtK3RWjL.mjs} +0 -0
  711. /package/dist/docs/_worker.js/chunks/{MenuToggle_Cvxc6Do1.mjs → MenuToggle_bgqkjE6A.mjs} +0 -0
  712. /package/dist/docs/_worker.js/chunks/{MenuToggle_DQwNzPE1.mjs → MenuToggle_o4Dqsi3u.mjs} +0 -0
  713. /package/dist/docs/_worker.js/chunks/{Menu_BC8Spjbp.mjs → Menu_0LT543_p.mjs} +0 -0
  714. /package/dist/docs/_worker.js/chunks/{Menu_DB5IGI1b.mjs → Menu_2b0UR-6T.mjs} +0 -0
  715. /package/dist/docs/_worker.js/chunks/{Menu_Dd7cUFxO.mjs → Menu_CBGdbN93.mjs} +0 -0
  716. /package/dist/docs/_worker.js/chunks/{Menu_e6jsNFoi.mjs → Menu_hqH2xQxg.mjs} +0 -0
  717. /package/dist/docs/_worker.js/chunks/{ModalBox_B28Vs7V3.mjs → ModalBox_CzkZSzrd.mjs} +0 -0
  718. /package/dist/docs/_worker.js/chunks/{ModalBox_BDco84SU.mjs → ModalBox_kwfBIunq.mjs} +0 -0
  719. /package/dist/docs/_worker.js/chunks/{Modal_84GGyH0c.mjs → Modal_Bpx0iW6c.mjs} +0 -0
  720. /package/dist/docs/_worker.js/chunks/{Modal_BOmjGSKk.mjs → Modal_CSIoBkBr.mjs} +0 -0
  721. /package/dist/docs/_worker.js/chunks/{Modal_BdeZYZZs.mjs → Modal_CnPo-ABL.mjs} +0 -0
  722. /package/dist/docs/_worker.js/chunks/{Modal_BnHK8dnm.mjs → Modal_DKilyTAV.mjs} +0 -0
  723. /package/dist/docs/_worker.js/chunks/{Modal_CqYltJNt.mjs → Modal_DN-Azg_w.mjs} +0 -0
  724. /package/dist/docs/_worker.js/chunks/{Modal_D6jcNSOq.mjs → Modal_DzYmzeGE.mjs} +0 -0
  725. /package/dist/docs/_worker.js/chunks/{MultipleFileUpload_CQN5eUgt.mjs → MultipleFileUpload_CjEU9p7V.mjs} +0 -0
  726. /package/dist/docs/_worker.js/chunks/{MultipleFileUpload_Cv3T9cn-.mjs → MultipleFileUpload_D4LKDzYq.mjs} +0 -0
  727. /package/dist/docs/_worker.js/chunks/{MultipleFileUpload_D2RhoUzE.mjs → MultipleFileUpload_DdxtAP19.mjs} +0 -0
  728. /package/dist/docs/_worker.js/chunks/{MultipleFileUpload_DqffoKSG.mjs → MultipleFileUpload_wDTOxCC9.mjs} +0 -0
  729. /package/dist/docs/_worker.js/chunks/{Nav_CG7pNOh5.mjs → Nav_BATtn7bk.mjs} +0 -0
  730. /package/dist/docs/_worker.js/chunks/{Nav_DTgr-Deb.mjs → Nav_BqMj_gPp.mjs} +0 -0
  731. /package/dist/docs/_worker.js/chunks/{Nav_DsgaUTlX.mjs → Nav_D33MzYMl.mjs} +0 -0
  732. /package/dist/docs/_worker.js/chunks/{Nav_Dwv1wbS7.mjs → Nav_tA7NbsS3.mjs} +0 -0
  733. /package/dist/docs/_worker.js/chunks/{Navigation_BmHwp3BY.mjs → Navigation_DoWPQ5LS.mjs} +0 -0
  734. /package/dist/docs/_worker.js/chunks/{Navigation_Gm42mz-n.mjs → Navigation_Rmf0M5K4.mjs} +0 -0
  735. /package/dist/docs/_worker.js/chunks/{NotificationBadge_BCxxwhDV.mjs → NotificationBadge_BIHI5GFt.mjs} +0 -0
  736. /package/dist/docs/_worker.js/chunks/{NotificationBadge_gtf3PjsJ.mjs → NotificationBadge_DiyARpVj.mjs} +0 -0
  737. /package/dist/docs/_worker.js/chunks/{NotificationDrawer_BFcw-JMX.mjs → NotificationDrawer_013jjH_e.mjs} +0 -0
  738. /package/dist/docs/_worker.js/chunks/{NotificationDrawer_BKBxtVES.mjs → NotificationDrawer_BNxY5Eah.mjs} +0 -0
  739. /package/dist/docs/_worker.js/chunks/{NotificationDrawer_Bddrf2Un.mjs → NotificationDrawer_C3thy49Y.mjs} +0 -0
  740. /package/dist/docs/_worker.js/chunks/{NotificationDrawer_BoAeQOU8.mjs → NotificationDrawer_C8Fjmo5m.mjs} +0 -0
  741. /package/dist/docs/_worker.js/chunks/{NotificationDrawer_CwqkMymK.mjs → NotificationDrawer_DHwcy9f5.mjs} +0 -0
  742. /package/dist/docs/_worker.js/chunks/{NotificationDrawer_Ku2DG1ck.mjs → NotificationDrawer_rTWPksCc.mjs} +0 -0
  743. /package/dist/docs/_worker.js/chunks/{NumberInput_CPArAL8e.mjs → NumberInput_BFDxFV9D.mjs} +0 -0
  744. /package/dist/docs/_worker.js/chunks/{NumberInput_D4ffcrpz.mjs → NumberInput_D5vYFjne.mjs} +0 -0
  745. /package/dist/docs/_worker.js/chunks/{NumberInput_D7DKDbT0.mjs → NumberInput_M0Sd7UfY.mjs} +0 -0
  746. /package/dist/docs/_worker.js/chunks/{NumberInput_Dt8GUVeQ.mjs → NumberInput_aqt4W9hb.mjs} +0 -0
  747. /package/dist/docs/_worker.js/chunks/{OverflowMenu_BZPvRQE6.mjs → OverflowMenu_BWVYHmco.mjs} +0 -0
  748. /package/dist/docs/_worker.js/chunks/{OverflowMenu_ywYA4why.mjs → OverflowMenu_BkMc8O29.mjs} +0 -0
  749. /package/dist/docs/_worker.js/chunks/{Page_Bbclnhop.mjs → Page_BgiPPfGJ.mjs} +0 -0
  750. /package/dist/docs/_worker.js/chunks/{Page_Bherxii8.mjs → Page_Bpdexkck.mjs} +0 -0
  751. /package/dist/docs/_worker.js/chunks/{Page_BnDMk5TN.mjs → Page_C6e3Wcvf.mjs} +0 -0
  752. /package/dist/docs/_worker.js/chunks/{Page_CL3iohOb.mjs → Page_DxVMDs1z.mjs} +0 -0
  753. /package/dist/docs/_worker.js/chunks/{Page_Cpy3VIi2.mjs → Page_HCEWkfu-.mjs} +0 -0
  754. /package/dist/docs/_worker.js/chunks/{Page_KSsf23kL.mjs → Page_QHbf9_pN.mjs} +0 -0
  755. /package/dist/docs/_worker.js/chunks/{Pagination_4C0r1YU8.mjs → Pagination_Bf0U8Ppq.mjs} +0 -0
  756. /package/dist/docs/_worker.js/chunks/{Pagination_CsIksseS.mjs → Pagination_C4FcSv9N.mjs} +0 -0
  757. /package/dist/docs/_worker.js/chunks/{Pagination_Y-MqM1T2.mjs → Pagination_DFSrNbL0.mjs} +0 -0
  758. /package/dist/docs/_worker.js/chunks/{Pagination_p8GOVfco.mjs → Pagination_DMyPaqOU.mjs} +0 -0
  759. /package/dist/docs/_worker.js/chunks/{Panel_BdXDuvHb.mjs → Panel_B996ca4L.mjs} +0 -0
  760. /package/dist/docs/_worker.js/chunks/{Panel_CUpAdYDW.mjs → Panel_C1AAzXYr.mjs} +0 -0
  761. /package/dist/docs/_worker.js/chunks/{Panel_DoOUm9Ui.mjs → Panel_CAKH2f-p.mjs} +0 -0
  762. /package/dist/docs/_worker.js/chunks/{Panel_DxdabmGX.mjs → Panel_D7grKWqD.mjs} +0 -0
  763. /package/dist/docs/_worker.js/chunks/{Panel_Ed2XE25E.mjs → Panel_EzQ0x3Cl.mjs} +0 -0
  764. /package/dist/docs/_worker.js/chunks/{Panel_Uvk5Q-8b.mjs → Panel_JVXI7u2T.mjs} +0 -0
  765. /package/dist/docs/_worker.js/chunks/{PasswordGenerator_DvtvKIPr.mjs → PasswordGenerator_hm2WtbqS.mjs} +0 -0
  766. /package/dist/docs/_worker.js/chunks/{PasswordGenerator__CRlL6Re.mjs → PasswordGenerator_nLFggIPn.mjs} +0 -0
  767. /package/dist/docs/_worker.js/chunks/{PasswordStrength_CDkQk5jS.mjs → PasswordStrength_BNeZqh0T.mjs} +0 -0
  768. /package/dist/docs/_worker.js/chunks/{PasswordStrength_FDVp9qOu.mjs → PasswordStrength_BmyxbfzW.mjs} +0 -0
  769. /package/dist/docs/_worker.js/chunks/{Popover_BaxEBPGC.mjs → Popover_BlGq8udJ.mjs} +0 -0
  770. /package/dist/docs/_worker.js/chunks/{Popover_BvJgRsDX.mjs → Popover_C5RkMhat.mjs} +0 -0
  771. /package/dist/docs/_worker.js/chunks/{Popover_Crzi2U7s.mjs → Popover_CUrAn16A.mjs} +0 -0
  772. /package/dist/docs/_worker.js/chunks/{Popover_D4Rprb88.mjs → Popover_CmkeaOXw.mjs} +0 -0
  773. /package/dist/docs/_worker.js/chunks/{PrimaryDetail_BJX8A5gh.mjs → PrimaryDetail_Br4DBd7-.mjs} +0 -0
  774. /package/dist/docs/_worker.js/chunks/{PrimaryDetail_ohevNTGn.mjs → PrimaryDetail_wETOUBby.mjs} +0 -0
  775. /package/dist/docs/_worker.js/chunks/{ProgressStepper_BwYdpB3M.mjs → ProgressStepper_5hC5ErHJ.mjs} +0 -0
  776. /package/dist/docs/_worker.js/chunks/{ProgressStepper_C0MIrCHO.mjs → ProgressStepper_B5W2DDfg.mjs} +0 -0
  777. /package/dist/docs/_worker.js/chunks/{ProgressStepper_CoG2KqNj.mjs → ProgressStepper_CCxjkVxY.mjs} +0 -0
  778. /package/dist/docs/_worker.js/chunks/{ProgressStepper_EYSOoJUK.mjs → ProgressStepper_jzLizIsd.mjs} +0 -0
  779. /package/dist/docs/_worker.js/chunks/{Progress_77N7LoDl.mjs → Progress_9GoLjGCC.mjs} +0 -0
  780. /package/dist/docs/_worker.js/chunks/{Progress_DnHKih8B.mjs → Progress_BCdRu5w5.mjs} +0 -0
  781. /package/dist/docs/_worker.js/chunks/{Progress_SH8Wgn2l.mjs → Progress_Da4xoZKv.mjs} +0 -0
  782. /package/dist/docs/_worker.js/chunks/{Progress_ga6ne-3u.mjs → Progress_DjisjMjt.mjs} +0 -0
  783. /package/dist/docs/_worker.js/chunks/{Radio_DpoGB369.mjs → Radio_AVu3xWm4.mjs} +0 -0
  784. /package/dist/docs/_worker.js/chunks/{Radio_PEZsmW0U.mjs → Radio_B930vzjv.mjs} +0 -0
  785. /package/dist/docs/_worker.js/chunks/{Radio_kGQfeHsD.mjs → Radio_BOfPilA6.mjs} +0 -0
  786. /package/dist/docs/_worker.js/chunks/{Radio_tRqHqPQC.mjs → Radio_BymcVmAF.mjs} +0 -0
  787. /package/dist/docs/_worker.js/chunks/{SearchInput_B7s6DghY.mjs → SearchInput_BbysWK99.mjs} +0 -0
  788. /package/dist/docs/_worker.js/chunks/{SearchInput_BVsGlLbd.mjs → SearchInput_o6iAoUM3.mjs} +0 -0
  789. /package/dist/docs/_worker.js/chunks/{Select_CPToiYlj.mjs → Select_B0bVVHCs.mjs} +0 -0
  790. /package/dist/docs/_worker.js/chunks/{Select_yedC6G6t.mjs → Select_d8RkzaRn.mjs} +0 -0
  791. /package/dist/docs/_worker.js/chunks/{Sidebar_C2fiat3y.mjs → Sidebar_BB5vNO8S.mjs} +0 -0
  792. /package/dist/docs/_worker.js/chunks/{Sidebar_CYHBu70Q.mjs → Sidebar_C3vaosQs.mjs} +0 -0
  793. /package/dist/docs/_worker.js/chunks/{Sidebar_C_9Fd52y.mjs → Sidebar_Hbc-hyfz.mjs} +0 -0
  794. /package/dist/docs/_worker.js/chunks/{Sidebar_D2waDqIj.mjs → Sidebar_zLhCCgEz.mjs} +0 -0
  795. /package/dist/docs/_worker.js/chunks/{SimpleList_BBtw7RRV.mjs → SimpleList_BIjPmYgM.mjs} +0 -0
  796. /package/dist/docs/_worker.js/chunks/{SimpleList_BHWzWOok.mjs → SimpleList_BMBZ4ubr.mjs} +0 -0
  797. /package/dist/docs/_worker.js/chunks/{SimpleList_BOv36gbU.mjs → SimpleList_ByrTBIUc.mjs} +0 -0
  798. /package/dist/docs/_worker.js/chunks/{SimpleList_Dj69rLVv.mjs → SimpleList_DFm_g-fn.mjs} +0 -0
  799. /package/dist/docs/_worker.js/chunks/{Sizing_C1QZFL_E.mjs → Sizing_WiM96Coa.mjs} +0 -0
  800. /package/dist/docs/_worker.js/chunks/{Sizing_Dxrc30Nv.mjs → Sizing_lxaijvdJ.mjs} +0 -0
  801. /package/dist/docs/_worker.js/chunks/{Skeleton_B6Mm1DZz.mjs → Skeleton_BVzopubP.mjs} +0 -0
  802. /package/dist/docs/_worker.js/chunks/{Skeleton_BKiE51CM.mjs → Skeleton_CMBKL_QY.mjs} +0 -0
  803. /package/dist/docs/_worker.js/chunks/{Skeleton_Bu6zp0Dn.mjs → Skeleton_D1d7Ls--.mjs} +0 -0
  804. /package/dist/docs/_worker.js/chunks/{Skeleton_D4bhr8Fv.mjs → Skeleton_D8IYbMNE.mjs} +0 -0
  805. /package/dist/docs/_worker.js/chunks/{Skeleton_qabG-AnL.mjs → Skeleton_DDzCYYny.mjs} +0 -0
  806. /package/dist/docs/_worker.js/chunks/{Skeleton_vrnkYUgg.mjs → Skeleton_skXxBW7s.mjs} +0 -0
  807. /package/dist/docs/_worker.js/chunks/{SkipToContent_DCpg7iCB.mjs → SkipToContent_ByrvpLJG.mjs} +0 -0
  808. /package/dist/docs/_worker.js/chunks/{SkipToContent_DnwyBXH-.mjs → SkipToContent_D_f2s3oX.mjs} +0 -0
  809. /package/dist/docs/_worker.js/chunks/{SkipToContent_DzTXUDDa.mjs → SkipToContent_XG5tgamW.mjs} +0 -0
  810. /package/dist/docs/_worker.js/chunks/{SkipToContent_egXh8jOg.mjs → SkipToContent_wi7cJyLp.mjs} +0 -0
  811. /package/dist/docs/_worker.js/chunks/{Slider_BNpuV7kj.mjs → Slider_B2n8OwKz.mjs} +0 -0
  812. /package/dist/docs/_worker.js/chunks/{Slider_Bbs3MNsS.mjs → Slider_BtsGJYz-.mjs} +0 -0
  813. /package/dist/docs/_worker.js/chunks/{Slider_D2plXDyI.mjs → Slider_DsaVwsvm.mjs} +0 -0
  814. /package/dist/docs/_worker.js/chunks/{Slider_DL27qP5s.mjs → Slider_rSWH_Kh6.mjs} +0 -0
  815. /package/dist/docs/_worker.js/chunks/{Spacing_lSym62Jb.mjs → Spacing_BuqgBwB8.mjs} +0 -0
  816. /package/dist/docs/_worker.js/chunks/{Spacing_rYOSzgN4.mjs → Spacing_Lx-Ift4n.mjs} +0 -0
  817. /package/dist/docs/_worker.js/chunks/{Spinner_BiZsT9RJ.mjs → Spinner_BYmNLzfa.mjs} +0 -0
  818. /package/dist/docs/_worker.js/chunks/{Spinner_Cf38mPT8.mjs → Spinner_Bn8uoaFN.mjs} +0 -0
  819. /package/dist/docs/_worker.js/chunks/{Spinner_Hd_tIbvz.mjs → Spinner_CLB8PnLk.mjs} +0 -0
  820. /package/dist/docs/_worker.js/chunks/{Spinner__fZrVHb_.mjs → Spinner_W5fBcNMl.mjs} +0 -0
  821. /package/dist/docs/_worker.js/chunks/{Split_D1treaJe.mjs → Split_BCMByRGx.mjs} +0 -0
  822. /package/dist/docs/_worker.js/chunks/{Split_PwujWn3H.mjs → Split_DVq_P7jJ.mjs} +0 -0
  823. /package/dist/docs/_worker.js/chunks/{Stack_D8fP-Krt.mjs → Stack_CEJQmOQp.mjs} +0 -0
  824. /package/dist/docs/_worker.js/chunks/{Stack_crS9__0f.mjs → Stack_mclPdvKq.mjs} +0 -0
  825. /package/dist/docs/_worker.js/chunks/{Switch_CC3_2NhS.mjs → Switch_CBPbTZT6.mjs} +0 -0
  826. /package/dist/docs/_worker.js/chunks/{Switch_CLQhY1q4.mjs → Switch_CFUA_-7x.mjs} +0 -0
  827. /package/dist/docs/_worker.js/chunks/{Switch_CP8w40yf.mjs → Switch_DfMCf8Qs.mjs} +0 -0
  828. /package/dist/docs/_worker.js/chunks/{Switch_DAZIPRwK.mjs → Switch_DkWcAwQ2.mjs} +0 -0
  829. /package/dist/docs/_worker.js/chunks/{Table_Bg9neNya.mjs → Table_4f1UVsxf.mjs} +0 -0
  830. /package/dist/docs/_worker.js/chunks/{Table_By3XLAbP.mjs → Table_CTLwlrmC.mjs} +0 -0
  831. /package/dist/docs/_worker.js/chunks/{Table_CeZ1KrPd.mjs → Table_Ckn3tIvz.mjs} +0 -0
  832. /package/dist/docs/_worker.js/chunks/{Table_D6thvL40.mjs → Table_ukl7L5L2.mjs} +0 -0
  833. /package/dist/docs/_worker.js/chunks/{Tabs_B1gKCwOC.mjs → Tabs_BvzXxAc6.mjs} +0 -0
  834. /package/dist/docs/_worker.js/chunks/{Tabs_BhhJ5Ftf.mjs → Tabs_CL9eue4_.mjs} +0 -0
  835. /package/dist/docs/_worker.js/chunks/{Tabs_C9OJ01tj.mjs → Tabs_CVD4lSlI.mjs} +0 -0
  836. /package/dist/docs/_worker.js/chunks/{Tabs_DW9gdUkB.mjs → Tabs_CiXrCf-A.mjs} +0 -0
  837. /package/dist/docs/_worker.js/chunks/{Tabs_Dv_8eEvW.mjs → Tabs_DLatEAC7.mjs} +0 -0
  838. /package/dist/docs/_worker.js/chunks/{Tabs_YNs2w28m.mjs → Tabs_gPZ5ZJaf.mjs} +0 -0
  839. /package/dist/docs/_worker.js/chunks/{TextArea_BMuaxWhv.mjs → TextArea_B4emCO1_.mjs} +0 -0
  840. /package/dist/docs/_worker.js/chunks/{TextArea_j6zBu7_-.mjs → TextArea_DIq23_hN.mjs} +0 -0
  841. /package/dist/docs/_worker.js/chunks/{TextInputGroup_BFhlZdjS.mjs → TextInputGroup_BGOKfb53.mjs} +0 -0
  842. /package/dist/docs/_worker.js/chunks/{TextInputGroup_Bn4eLBe-.mjs → TextInputGroup_CHjZ1eHK.mjs} +0 -0
  843. /package/dist/docs/_worker.js/chunks/{TextInputGroup_DdEFYYfN.mjs → TextInputGroup_CQc6AuHy.mjs} +0 -0
  844. /package/dist/docs/_worker.js/chunks/{TextInputGroup_Ds9p0rE6.mjs → TextInputGroup_Dr84Rg8o.mjs} +0 -0
  845. /package/dist/docs/_worker.js/chunks/{TextInput_BqM5E3Nt.mjs → TextInput_B1ftVWip.mjs} +0 -0
  846. /package/dist/docs/_worker.js/chunks/{TextInput_W9YdZtmx.mjs → TextInput_CTT_OaeG.mjs} +0 -0
  847. /package/dist/docs/_worker.js/chunks/{Text_BTYUaBli.mjs → Text_B96Pq1eG.mjs} +0 -0
  848. /package/dist/docs/_worker.js/chunks/{Text_BVDJzfkC.mjs → Text_km3miJkE.mjs} +0 -0
  849. /package/dist/docs/_worker.js/chunks/{Tile_BGfP6xoy.mjs → Tile_CG-4K6d7.mjs} +0 -0
  850. /package/dist/docs/_worker.js/chunks/{Tile_C4zOvKwd.mjs → Tile_D0SH9RAu.mjs} +0 -0
  851. /package/dist/docs/_worker.js/chunks/{Tile_Dy6xv_Cx.mjs → Tile_DfOQnjlU.mjs} +0 -0
  852. /package/dist/docs/_worker.js/chunks/{Tile_OcShDyfi.mjs → Tile_DwxoFKM2.mjs} +0 -0
  853. /package/dist/docs/_worker.js/chunks/{TimePicker_D40pO6wL.mjs → TimePicker_CGnrbJgo.mjs} +0 -0
  854. /package/dist/docs/_worker.js/chunks/{TimePicker_DronltvG.mjs → TimePicker_Dp-iVUGJ.mjs} +0 -0
  855. /package/dist/docs/_worker.js/chunks/{Timestamp_21KOF4vK.mjs → Timestamp_BhBOsF9y.mjs} +0 -0
  856. /package/dist/docs/_worker.js/chunks/{Timestamp_4_JX0dDI.mjs → Timestamp_Cl_hobA3.mjs} +0 -0
  857. /package/dist/docs/_worker.js/chunks/{Timestamp_BebzYDpV.mjs → Timestamp_D8Wm7LvG.mjs} +0 -0
  858. /package/dist/docs/_worker.js/chunks/{Timestamp_CYTDOiws.mjs → Timestamp_DEE4pnOa.mjs} +0 -0
  859. /package/dist/docs/_worker.js/chunks/{Title_45FgJuMK.mjs → Title_C5gY1ttM.mjs} +0 -0
  860. /package/dist/docs/_worker.js/chunks/{Title_B6WLu_lw.mjs → Title_CZzoppNi.mjs} +0 -0
  861. /package/dist/docs/_worker.js/chunks/{Title_D5Nq2Wex.mjs → Title_CraETtu5.mjs} +0 -0
  862. /package/dist/docs/_worker.js/chunks/{Title_vNHWmeYM.mjs → Title_D25rXJDg.mjs} +0 -0
  863. /package/dist/docs/_worker.js/chunks/{ToggleGroup_1zohLndp.mjs → ToggleGroup_CdQWI1aq.mjs} +0 -0
  864. /package/dist/docs/_worker.js/chunks/{ToggleGroup_Y5-8u3wt.mjs → ToggleGroup_DiGmwYSP.mjs} +0 -0
  865. /package/dist/docs/_worker.js/chunks/{Toolbar_53YUEEhi.mjs → Toolbar_BHFDnwNR.mjs} +0 -0
  866. /package/dist/docs/_worker.js/chunks/{Toolbar_BpXenvLj.mjs → Toolbar_BexYCxNQ.mjs} +0 -0
  867. /package/dist/docs/_worker.js/chunks/{Toolbar_C-AcF9uj.mjs → Toolbar_CT5vy6AJ.mjs} +0 -0
  868. /package/dist/docs/_worker.js/chunks/{Toolbar_DS_vHjV3.mjs → Toolbar_CW-KWv-e.mjs} +0 -0
  869. /package/dist/docs/_worker.js/chunks/{Toolbar_DiNbbLGg.mjs → Toolbar_CgZpzlTs.mjs} +0 -0
  870. /package/dist/docs/_worker.js/chunks/{Toolbar_wqfahDgc.mjs → Toolbar_DPUJsI9K.mjs} +0 -0
  871. /package/dist/docs/_worker.js/chunks/{Tooltip_44WsJIOB.mjs → Tooltip_BDkcJde6.mjs} +0 -0
  872. /package/dist/docs/_worker.js/chunks/{Tooltip_BSztkX0m.mjs → Tooltip_BsIMWQvJ.mjs} +0 -0
  873. /package/dist/docs/_worker.js/chunks/{Tooltip_CIac-NZx.mjs → Tooltip_C0gMcoBo.mjs} +0 -0
  874. /package/dist/docs/_worker.js/chunks/{Tooltip_DruZ98cK.mjs → Tooltip_D73WL3Yc.mjs} +0 -0
  875. /package/dist/docs/_worker.js/chunks/{TreeView_B4xKcNrk.mjs → TreeView_B1LgfJxG.mjs} +0 -0
  876. /package/dist/docs/_worker.js/chunks/{TreeView_BvRhO1Us.mjs → TreeView_Bst6EAOX.mjs} +0 -0
  877. /package/dist/docs/_worker.js/chunks/{TreeView_C5SUZ79O.mjs → TreeView_DzM9Dtep.mjs} +0 -0
  878. /package/dist/docs/_worker.js/chunks/{TreeView_HH9MOFmF.mjs → TreeView_erP6wJjQ.mjs} +0 -0
  879. /package/dist/docs/_worker.js/chunks/{Truncate_B2_q-NHO.mjs → Truncate_BANjurQG.mjs} +0 -0
  880. /package/dist/docs/_worker.js/chunks/{Truncate_DSOgC9hI.mjs → Truncate_BEYXOQpC.mjs} +0 -0
  881. /package/dist/docs/_worker.js/chunks/{Truncate_Dvdk_cdg.mjs → Truncate_CG2j6fJ9.mjs} +0 -0
  882. /package/dist/docs/_worker.js/chunks/{Truncate_yKB95wE0.mjs → Truncate_D-INkH--.mjs} +0 -0
  883. /package/dist/docs/_worker.js/chunks/{Wizard_6knDiT3b.mjs → Wizard_BDa84iy2.mjs} +0 -0
  884. /package/dist/docs/_worker.js/chunks/{Wizard_BWVkfCTC.mjs → Wizard_BlE6qJYH.mjs} +0 -0
  885. /package/dist/docs/_worker.js/chunks/{Wizard_Cw7v74Sx.mjs → Wizard_Bz9X33xp.mjs} +0 -0
  886. /package/dist/docs/_worker.js/chunks/{Wizard_D-wsNWVf.mjs → Wizard_C8sit3YJ.mjs} +0 -0
  887. /package/dist/docs/_worker.js/chunks/{Wizard_DHYZ5P7Q.mjs → Wizard_CUUUgGve.mjs} +0 -0
  888. /package/dist/docs/_worker.js/chunks/{Wizard_DX6SJprj.mjs → Wizard_CaIfr29G.mjs} +0 -0
  889. /package/dist/docs/_worker.js/chunks/{Wizard_Db5Q0rrQ.mjs → Wizard_CaQ5l58F.mjs} +0 -0
  890. /package/dist/docs/_worker.js/chunks/{Wizard_UbK2L1Fy.mjs → Wizard_DBhMWLET.mjs} +0 -0
  891. /package/dist/docs/_worker.js/chunks/{_astro_data-layer-content_v7v7STWW.mjs → _astro_data-layer-content_DGZXfKa-.mjs} +0 -0
  892. /package/dist/docs/_worker.js/chunks/{about_B9g18soY.mjs → about_C4jqumHf.mjs} +0 -0
  893. /package/dist/docs/_worker.js/chunks/{about_B_iNQ2se.mjs → about_CUtbL8xJ.mjs} +0 -0
  894. /package/dist/docs/_worker.js/chunks/{basic_Bn4gZz2D.mjs → basic_BMgY0hVg.mjs} +0 -0
  895. /package/dist/docs/_worker.js/chunks/{basic_D7OIjFL3.mjs → basic_CubN1z_e.mjs} +0 -0
  896. /package/dist/docs/_worker.js/chunks/{box-shadow_DJuAPJj8.mjs → box-shadow_BFw7I_Qi.mjs} +0 -0
  897. /package/dist/docs/_worker.js/chunks/{box-shadow_WBDPI9Z3.mjs → box-shadow_DDE9_lv_.mjs} +0 -0
  898. /package/dist/docs/_worker.js/chunks/{content-modules_cOjZw1C2.mjs → content-modules_Db1avyLw.mjs} +0 -0
  899. /package/dist/docs/_worker.js/chunks/{design-guidelines_B9IO-z0b.mjs → design-guidelines_DJYn76LL.mjs} +0 -0
  900. /package/dist/docs/_worker.js/chunks/{design-guidelines_CsBgW3S3.mjs → design-guidelines_LVZULFBJ.mjs} +0 -0
  901. /package/dist/docs/_worker.js/chunks/{help-topics_CdxDqeFk.mjs → help-topics_CyJGoMWS.mjs} +0 -0
  902. /package/dist/docs/_worker.js/chunks/{help-topics_DASztffY.mjs → help-topics_HrtJVYcm.mjs} +0 -0
  903. /package/dist/docs/_worker.js/chunks/{masthead_C4B8LpBQ.mjs → masthead_BSMeFNPJ.mjs} +0 -0
  904. /package/dist/docs/_worker.js/chunks/{masthead_CS5HjMra.mjs → masthead_C-edUoO3.mjs} +0 -0
  905. /package/dist/docs/_worker.js/chunks/{overflow-menu_DOp8WZvG.mjs → overflow-menu_8fT3tk-P.mjs} +0 -0
  906. /package/dist/docs/_worker.js/chunks/{overflow-menu_DfeP-cgT.mjs → overflow-menu_DkITWeoo.mjs} +0 -0
  907. /package/dist/docs/_worker.js/chunks/{toggle-group_D0EWmiBe.mjs → toggle-group_BPSXdQ7e.mjs} +0 -0
  908. /package/dist/docs/_worker.js/chunks/{toggle-group_G71mustV.mjs → toggle-group_BoojZGfb.mjs} +0 -0
package/dist/docs/components/tabs/html/index.html CHANGED
@@ -42,12 +42,12 @@
42
42
  animation-fill-mode: both;
43
43
  animation-name: astroFadeIn; }</style><style>[data-astro-transition-scope="astro-2e6ke2uy-4"] { view-transition-name: astro-2e6ke2uy-4; }@layer astro { ::view-transition-old(astro-2e6ke2uy-4) { animation: none; opacity: 0; mix-blend-mode: normal; }::view-transition-new(astro-2e6ke2uy-4) { animation: none; mix-blend-mode: normal; }::view-transition-group(astro-2e6ke2uy-4) { animation: none } }[data-astro-transition-fallback="old"] [data-astro-transition-scope="astro-2e6ke2uy-4"],
44
44
  [data-astro-transition-fallback="old"][data-astro-transition-scope="astro-2e6ke2uy-4"] { animation: none; mix-blend-mode: normal; }[data-astro-transition-fallback="new"] [data-astro-transition-scope="astro-2e6ke2uy-4"],
45
- [data-astro-transition-fallback="new"][data-astro-transition-scope="astro-2e6ke2uy-4"] { animation: none; mix-blend-mode: normal; }</style></head> <body> <div class="pf-v6-c-page"> <script>(()=>{var l=(n,t)=>{let i=async()=>{await(await n())()},e=typeof t.value=="object"?t.value:void 0,s={timeout:e==null?void 0:e.timeout};"requestIdleCallback"in window?window.requestIdleCallback(i,s):setTimeout(i,s.timeout||200)};(self.Astro||(self.Astro={})).idle=l;window.dispatchEvent(new Event("astro:idle"));})();</script><header class="pf-v6-c-masthead pf-m-display-inline-on-md"> <div class="pf-v6-c-masthead__main"> <span class="pf-v6-c-masthead__toggle"> <astro-island uid="149z7x" prefix="r5" component-url="/_astro/PageToggle.Dnq2xvgl.js" component-export="PageToggle" renderer-url="/_astro/client.DN8ES6L5.js" props="{&quot;data-astro-transition-persist&quot;:[0,&quot;astro-u5p5alki-2&quot;]}" ssr client="idle" opts="{&quot;name&quot;:&quot;PageToggle&quot;,&quot;value&quot;:true}" data-astro-transition-persist="astro-u5p5alki-2" await-children><button id="nav-toggle" aria-expanded="true" aria-label="Global navigation" class="pf-v6-c-button pf-m-plain" type="button" data-ouia-component-type="PF6/Button" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Button-plain-541"><span class="pf-v6-c-button__text"><svg class="pf-v6-svg" viewBox="0 0 448 512" fill="currentColor" aria-hidden="true" role="img" width="1em" height="1em"><path d="M16 132h416c8.837 0 16-7.163 16-16V76c0-8.837-7.163-16-16-16H16C7.163 60 0 67.163 0 76v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16z"></path></svg></span></button><!--astro:end--></astro-island> </span> <div class="pf-v6-c-masthead__brand"> <a class="pf-v6-c-masthead__logo" tabindex="0" href="/"> <img class="pf-v6-c-brand" style="--pf-v6-c-brand--Height:36px" src="/PF-HorizontalLogo-Color.svg" alt="PatternFly"/> </a> </div> </div> <div class="pf-v6-c-masthead__content"> <astro-island uid="Z2lRIdU" prefix="r7" component-url="/_astro/Toolbar.BmprOKR8.js" component-export="Toolbar" renderer-url="/_astro/client.DN8ES6L5.js" props="{}" ssr client="idle" opts="{&quot;name&quot;:&quot;ReactToolbar&quot;,&quot;value&quot;:true}" await-children><div class="pf-v6-c-toolbar pf-m-static" id="toolbar" data-ouia-component-type="PF6/Toolbar" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Toolbar-181"><div class="pf-v6-c-toolbar__content"><div class="pf-v6-c-toolbar__content-section"><div class="pf-v6-c-toolbar__group pf-m-action-group-plain pf-m-align-end pf-m-gap-none pf-m-gap-md-on-md"><div class="pf-v6-c-toolbar__item"></div><div class="pf-v6-c-toolbar__item"><div class="pf-v6-c-input-group ws-global-search"><div class="pf-v6-c-input-group__item"><button aria-expanded="false" aria-label="Expandable search input toggle" class="pf-v6-c-button pf-m-plain" type="button" data-ouia-component-type="PF6/Button" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Button-plain-542"><span class="pf-v6-c-button__icon"><svg class="pf-v6-svg" viewBox="0 0 512 512" fill="currentColor" aria-hidden="true" role="img" width="1em" height="1em"><path d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"></path></svg></span></button></div></div></div><div class="pf-v6-c-toolbar__item"><a href="//github.com/patternfly" target="top" aria-label="PatternFly GitHub page" class="pf-v6-c-button pf-m-plain" data-ouia-component-type="PF6/Button" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Button-plain-543"><span class="pf-v6-c-button__text"><svg class="pf-v6-svg" viewBox="0 0 496 512" fill="currentColor" aria-hidden="true" role="img" width="1em" height="1em"><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></span></a></div><div class="pf-v6-c-toolbar__item"><button class="pf-v6-c-menu-toggle" type="button" aria-expanded="false" data-ouia-component-type="PF6/MenuToggle" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-MenuToggle-181"><span class="pf-v6-c-menu-toggle__text">Release 6.1.0</span><span class="pf-v6-c-menu-toggle__controls"><span class="pf-v6-c-menu-toggle__toggle-icon"><svg class="pf-v6-svg" viewBox="0 0 320 512" fill="currentColor" aria-hidden="true" role="img" width="1em" height="1em"><path d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"></path></svg></span></span></button></div></div></div></div><div class="pf-v6-c-toolbar__content pf-m-hidden" hidden=""><div class="pf-v6-c-toolbar__group"></div></div></div><!--astro:end--></astro-island> </div> </header> <astro-island uid="2tEdvJ" component-url="/_astro/Navigation.B03CQhTw.js" component-export="Navigation" renderer-url="/_astro/client.DN8ES6L5.js" props="{&quot;navData&quot;:[1,[[1,[[0,{&quot;id&quot;:[0,&quot;src/components/aboutmodal/examples/aboutmodal&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;About modal&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/accordion/examples/accordion&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Accordion&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/actionlist/examples/actionlist&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Action list&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/alert/examples/alert&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Alert&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/avatar/examples/avatar&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Avatar&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/backtotop/examples/backtotop&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Back to top&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/backdrop/examples/backdrop&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Backdrop&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/backgroundimage/examples/backgroundimage&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Background image&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/badge/examples/badge&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Badge&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/banner/examples/banner&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Banner&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/brand/examples/brand&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Brand&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/breadcrumb/examples/breadcrumb&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Breadcrumb&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/button/examples/button&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Button&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/calendarmonth/examples/calendarmonth&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Calendar month&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/card/examples/card&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Card&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/checkbox/examples/checkbox&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Checkbox&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/deprecated/components/chip/examples/chip&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Chip&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/clipboardcopy/examples/clipboardcopy&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Clipboard copy&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/codeblock/examples/codeblock&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Code block&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;docs/components/codeeditor/examples/codeeditor&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Code editor&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/content/examples/content&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Content&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/datalist/examples/datalist&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Data list&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/datepicker/examples/datepicker&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Date picker&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/descriptionlist/examples/descriptionlist&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Description list&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/divider/examples/divider&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Divider&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/deprecated/components/dragdrop/examples/dragdrop&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Drag and drop&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/drawer/examples/drawer&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Drawer&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/dropdown/examples/dropdown&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Dropdown&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/duallistselector/examples/duallistselector&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Dual list selector&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/emptystate/examples/emptystate&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Empty state&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/expandablesection/examples/expandablesection&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Expandable section&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/form/examples/form&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Form&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;docs/components/formcontrol/examples/formcontrol&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Form control&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/formselect/examples/formselect&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Form select&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/helpertext/examples/helpertext&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Helper text&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/hint/examples/hint&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Hint&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/icon/examples/icon&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Icon&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;docs/components/inlineedit/examples/inlineedit&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Inline edit&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/inputgroup/examples/inputgroup&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Input group&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/jumplinks/examples/jumplinks&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Jump links&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/label/examples/label&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Label&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/list/examples/list&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;List&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/loginpage/examples/loginpage&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Login page&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/masthead/examples/masthead&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Masthead&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/menu/examples/menu&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Menu&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/menutoggle/examples/menutoggle&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Menu toggle&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/modal/examples/modal&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Modal&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/multiplefileupload/examples/multiplefileupload&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Multiple file upload&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/nav/examples/nav&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Navigation&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/notificationbadge/examples/notificationbadge&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Notification badge&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/notificationdrawer/examples/notificationdrawer&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Notification drawer&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/numberinput/examples/numberinput&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Number input&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/overflowmenu/examples/overflowmenu&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Overflow menu&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/page/examples/page&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Page&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/pagination/examples/pagination&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Pagination&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/panel/examples/panel&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Panel&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;docs/demos/passwordgenerator/examples/passwordgenerator&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Password generator&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;docs/demos/passwordstrength/examples/passwordstrength&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Password strength&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/popover/examples/popover&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Popover&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/progress/examples/progress&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Progress&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/progressstepper/examples/progressstepper&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Progress stepper&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/radio/examples/radio&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Radio&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/searchinput/examples/searchinput&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Search input&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/select/examples/select&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Select&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/sidebar/examples/sidebar&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Sidebar&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/fileupload/examples/fileupload&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Simple file upload&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/simplelist/examples/simplelist&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Simple list&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/skeleton/examples/skeleton&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Skeleton&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/skiptocontent/examples/skiptocontent&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Skip to content&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/slider/examples/slider&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Slider&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/spinner/examples/spinner&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Spinner&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/switch/examples/switch&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Switch&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;docs/demos/table/examples/table&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Table&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/tabs/examples/tabs&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Tabs&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/textarea/examples/textarea&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Text area&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/textinput/examples/textinput&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Text input&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/textinputgroup/examples/textinputgroup&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Text input group&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/deprecated/components/tile/examples/tile&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Tile&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/timepicker/examples/timepicker&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Time picker&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/timestamp/examples/timestamp&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Timestamp&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/title/examples/title&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Title&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/togglegroup/examples/togglegroup&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Toggle group&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/toolbar/examples/toolbar&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Toolbar&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/tooltip/examples/tooltip&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Tooltip&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/treeview/examples/treeview&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Tree view&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/truncate/examples/truncate&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Truncate&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/wizard/examples/wizard&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Wizard&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}]]],[1,[[0,{&quot;id&quot;:[0,&quot;dist/patternfly-docs/quick-starts/design-guidelines/design-guidelines&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Quick starts&quot;],&quot;section&quot;:[0,&quot;extensions&quot;],&quot;sortValue&quot;:[0]}]}]]],[1,[[0,{&quot;id&quot;:[0,&quot;docs/layouts/bullseye/examples/bullseye&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Bullseye&quot;],&quot;section&quot;:[0,&quot;layouts&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;docs/layouts/flex/examples/flex&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Flex&quot;],&quot;section&quot;:[0,&quot;layouts&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;docs/layouts/gallery/examples/gallery&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Gallery&quot;],&quot;section&quot;:[0,&quot;layouts&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;docs/layouts/grid/examples/grid&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Grid&quot;],&quot;section&quot;:[0,&quot;layouts&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;docs/layouts/level/examples/level&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Level&quot;],&quot;section&quot;:[0,&quot;layouts&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;docs/layouts/split/examples/split&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Split&quot;],&quot;section&quot;:[0,&quot;layouts&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;docs/layouts/stack/examples/stack&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Stack&quot;],&quot;section&quot;:[0,&quot;layouts&quot;],&quot;sortValue&quot;:[0]}]}]]],[1,[[0,{&quot;id&quot;:[0,&quot;docs/demos/cardview/examples/cardview&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Card view&quot;],&quot;section&quot;:[0,&quot;patterns&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;docs/demos/dashboard/examples/dashboard&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Dashboard&quot;],&quot;section&quot;:[0,&quot;patterns&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;docs/demos/primarydetail/examples/primarydetail&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Primary-detail&quot;],&quot;section&quot;:[0,&quot;patterns&quot;],&quot;sortValue&quot;:[0]}]}]]],[1,[[0,{&quot;id&quot;:[0,&quot;docs/utilities/accessibility/examples/accessibility&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Accessibility&quot;],&quot;section&quot;:[0,&quot;utility-classes&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;docs/utilities/alignment/examples/alignment&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Alignment&quot;],&quot;section&quot;:[0,&quot;utility-classes&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;docs/utilities/backgroundcolor/examples/backgroundcolor&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Background color&quot;],&quot;section&quot;:[0,&quot;utility-classes&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;docs/utilities/boxshadow/examples/box-shadow&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Box shadow&quot;],&quot;section&quot;:[0,&quot;utility-classes&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;docs/utilities/display/examples/display&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Display&quot;],&quot;section&quot;:[0,&quot;utility-classes&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;docs/utilities/flex/examples/flex&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Flex&quot;],&quot;section&quot;:[0,&quot;utility-classes&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;docs/utilities/float/examples/float&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Float&quot;],&quot;section&quot;:[0,&quot;utility-classes&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;docs/utilities/sizing/examples/sizing&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Sizing&quot;],&quot;section&quot;:[0,&quot;utility-classes&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;docs/utilities/spacing/examples/spacing&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Spacing&quot;],&quot;section&quot;:[0,&quot;utility-classes&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;docs/utilities/text/examples/text&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Text&quot;],&quot;section&quot;:[0,&quot;utility-classes&quot;],&quot;sortValue&quot;:[0]}]}]]]]],&quot;data-astro-transition-scope&quot;:[0,&quot;astro-xikxfxwm-3&quot;]}" ssr client="only" opts="{&quot;name&quot;:&quot;ReactNav&quot;,&quot;value&quot;:&quot;react&quot;}" data-astro-transition-scope="astro-xikxfxwm-3"></astro-island> <div class="pf-v6-c-page__main-container"> <main class="pf-v6-c-page__main"> <section class="pf-v6-c-page__main-section"><div class="pf-v6-c-page__main-body"> <section id="ws-sticky-nav-tabs" class="pf-v6-c-page__main-tabs pf-m-sticky-top"><div class="pf-v6-c-page__main-body"> <div class="pf-v6-c-tabs pf-m-page-insets pf-m-no-border-bottom"> <ul class="pf-v6-c-tabs__list"> <li class="pf-v6-c-tabs__item"> <a class="pf-v6-c-tabs__link" href="/components/tabs/react"> React </a> </li><li class="pf-v6-c-tabs__item"> <a class="pf-v6-c-tabs__link" href="/components/tabs/html"> HTML </a> </li><li class="pf-v6-c-tabs__item"> <a class="pf-v6-c-tabs__link" href="/components/tabs/html-demos"> HTML demos </a> </li> </ul> </div> </div></section><section id="main-content" class="pf-v6-c-page__main-section pf-m-fill"><div class="pf-v6-c-page__main-body"> <h1 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3206" data-pf-content="true" class="pf-v6-c-content--h1">Examples</h1>
46
- <h2 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3207" data-pf-content="true" class="pf-v6-c-content--h2">Default</h2>
47
- <h3 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3208" data-pf-content="true" class="pf-v6-c-content--h3">Default tabs example</h3>
45
+ [data-astro-transition-fallback="new"][data-astro-transition-scope="astro-2e6ke2uy-4"] { animation: none; mix-blend-mode: normal; }</style></head> <body> <div class="pf-v6-c-page"> <script>(()=>{var l=(n,t)=>{let i=async()=>{await(await n())()},e=typeof t.value=="object"?t.value:void 0,s={timeout:e==null?void 0:e.timeout};"requestIdleCallback"in window?window.requestIdleCallback(i,s):setTimeout(i,s.timeout||200)};(self.Astro||(self.Astro={})).idle=l;window.dispatchEvent(new Event("astro:idle"));})();</script><header class="pf-v6-c-masthead pf-m-display-inline-on-md"> <div class="pf-v6-c-masthead__main"> <span class="pf-v6-c-masthead__toggle"> <astro-island uid="ZYuqgp" prefix="r5" component-url="/_astro/PageToggle.Dnq2xvgl.js" component-export="PageToggle" renderer-url="/_astro/client.DN8ES6L5.js" props="{&quot;data-astro-transition-persist&quot;:[0,&quot;astro-u5p5alki-2&quot;]}" ssr client="idle" opts="{&quot;name&quot;:&quot;PageToggle&quot;,&quot;value&quot;:true}" data-astro-transition-persist="astro-u5p5alki-2" await-children><button id="nav-toggle" aria-expanded="true" aria-label="Global navigation" class="pf-v6-c-button pf-m-plain" type="button" data-ouia-component-type="PF6/Button" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Button-plain-529"><span class="pf-v6-c-button__text"><svg class="pf-v6-svg" viewBox="0 0 448 512" fill="currentColor" aria-hidden="true" role="img" width="1em" height="1em"><path d="M16 132h416c8.837 0 16-7.163 16-16V76c0-8.837-7.163-16-16-16H16C7.163 60 0 67.163 0 76v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16z"></path></svg></span></button><!--astro:end--></astro-island> </span> <div class="pf-v6-c-masthead__brand"> <a class="pf-v6-c-masthead__logo" tabindex="0" href="/"> <img class="pf-v6-c-brand" style="--pf-v6-c-brand--Height:36px" src="/PF-HorizontalLogo-Color.svg" alt="PatternFly"/> </a> </div> </div> <div class="pf-v6-c-masthead__content"> <astro-island uid="ZKK71D" prefix="r7" component-url="/_astro/Toolbar.BmprOKR8.js" component-export="Toolbar" renderer-url="/_astro/client.DN8ES6L5.js" props="{}" ssr client="idle" opts="{&quot;name&quot;:&quot;ReactToolbar&quot;,&quot;value&quot;:true}" await-children><div class="pf-v6-c-toolbar pf-m-static" id="toolbar" data-ouia-component-type="PF6/Toolbar" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Toolbar-177"><div class="pf-v6-c-toolbar__content"><div class="pf-v6-c-toolbar__content-section"><div class="pf-v6-c-toolbar__group pf-m-action-group-plain pf-m-align-end pf-m-gap-none pf-m-gap-md-on-md"><div class="pf-v6-c-toolbar__item"></div><div class="pf-v6-c-toolbar__item"><div class="pf-v6-c-input-group ws-global-search"><div class="pf-v6-c-input-group__item"><button aria-expanded="false" aria-label="Expandable search input toggle" class="pf-v6-c-button pf-m-plain" type="button" data-ouia-component-type="PF6/Button" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Button-plain-530"><span class="pf-v6-c-button__icon"><svg class="pf-v6-svg" viewBox="0 0 512 512" fill="currentColor" aria-hidden="true" role="img" width="1em" height="1em"><path d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"></path></svg></span></button></div></div></div><div class="pf-v6-c-toolbar__item"><a href="//github.com/patternfly" target="top" aria-label="PatternFly GitHub page" class="pf-v6-c-button pf-m-plain" data-ouia-component-type="PF6/Button" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Button-plain-531"><span class="pf-v6-c-button__text"><svg class="pf-v6-svg" viewBox="0 0 496 512" fill="currentColor" aria-hidden="true" role="img" width="1em" height="1em"><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></span></a></div><div class="pf-v6-c-toolbar__item"><button class="pf-v6-c-menu-toggle" type="button" aria-expanded="false" data-ouia-component-type="PF6/MenuToggle" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-MenuToggle-177"><span class="pf-v6-c-menu-toggle__text">Release 6.1.0</span><span class="pf-v6-c-menu-toggle__controls"><span class="pf-v6-c-menu-toggle__toggle-icon"><svg class="pf-v6-svg" viewBox="0 0 320 512" fill="currentColor" aria-hidden="true" role="img" width="1em" height="1em"><path d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"></path></svg></span></span></button></div></div></div></div><div class="pf-v6-c-toolbar__content pf-m-hidden" hidden=""><div class="pf-v6-c-toolbar__group"></div></div></div><!--astro:end--></astro-island> </div> </header> <astro-island uid="2tEdvJ" component-url="/_astro/Navigation.B03CQhTw.js" component-export="Navigation" renderer-url="/_astro/client.DN8ES6L5.js" props="{&quot;navData&quot;:[1,[[1,[[0,{&quot;id&quot;:[0,&quot;src/components/aboutmodal/examples/aboutmodal&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;About modal&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/accordion/examples/accordion&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Accordion&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/actionlist/examples/actionlist&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Action list&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/alert/examples/alert&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Alert&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/avatar/examples/avatar&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Avatar&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/backtotop/examples/backtotop&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Back to top&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/backdrop/examples/backdrop&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Backdrop&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/backgroundimage/examples/backgroundimage&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Background image&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/badge/examples/badge&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Badge&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/banner/examples/banner&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Banner&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/brand/examples/brand&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Brand&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/breadcrumb/examples/breadcrumb&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Breadcrumb&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/button/examples/button&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Button&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/calendarmonth/examples/calendarmonth&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Calendar month&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/card/examples/card&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Card&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/checkbox/examples/checkbox&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Checkbox&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/deprecated/components/chip/examples/chip&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Chip&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/clipboardcopy/examples/clipboardcopy&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Clipboard copy&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/codeblock/examples/codeblock&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Code block&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;docs/components/codeeditor/examples/codeeditor&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Code editor&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/content/examples/content&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Content&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/datalist/examples/datalist&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Data list&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/datepicker/examples/datepicker&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Date picker&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/descriptionlist/examples/descriptionlist&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Description list&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/divider/examples/divider&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Divider&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/deprecated/components/dragdrop/examples/dragdrop&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Drag and drop&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/drawer/examples/drawer&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Drawer&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/dropdown/examples/dropdown&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Dropdown&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/duallistselector/examples/duallistselector&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Dual list selector&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/emptystate/examples/emptystate&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Empty state&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/expandablesection/examples/expandablesection&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Expandable section&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/form/examples/form&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Form&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;docs/components/formcontrol/examples/formcontrol&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Form control&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/formselect/examples/formselect&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Form select&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/helpertext/examples/helpertext&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Helper text&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/hint/examples/hint&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Hint&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/icon/examples/icon&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Icon&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;docs/components/inlineedit/examples/inlineedit&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Inline edit&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/inputgroup/examples/inputgroup&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Input group&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/jumplinks/examples/jumplinks&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Jump links&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/label/examples/label&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Label&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/list/examples/list&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;List&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/loginpage/examples/loginpage&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Login page&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/masthead/examples/masthead&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Masthead&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/menu/examples/menu&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Menu&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/menutoggle/examples/menutoggle&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Menu toggle&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/modal/examples/modal&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Modal&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/multiplefileupload/examples/multiplefileupload&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Multiple file upload&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/nav/examples/nav&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Navigation&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/notificationbadge/examples/notificationbadge&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Notification badge&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/notificationdrawer/examples/notificationdrawer&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Notification drawer&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/numberinput/examples/numberinput&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Number input&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/overflowmenu/examples/overflowmenu&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Overflow menu&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/page/examples/page&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Page&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/pagination/examples/pagination&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Pagination&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/panel/examples/panel&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Panel&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;docs/demos/passwordgenerator/examples/passwordgenerator&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Password generator&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;docs/demos/passwordstrength/examples/passwordstrength&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Password strength&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/popover/examples/popover&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Popover&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/progress/examples/progress&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Progress&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/progressstepper/examples/progressstepper&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Progress stepper&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/radio/examples/radio&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Radio&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/searchinput/examples/searchinput&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Search input&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/select/examples/select&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Select&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/sidebar/examples/sidebar&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Sidebar&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/fileupload/examples/fileupload&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Simple file upload&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/simplelist/examples/simplelist&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Simple list&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/skeleton/examples/skeleton&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Skeleton&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/skiptocontent/examples/skiptocontent&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Skip to content&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/slider/examples/slider&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Slider&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/spinner/examples/spinner&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Spinner&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/switch/examples/switch&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Switch&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;docs/demos/table/examples/table&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Table&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/tabs/examples/tabs&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Tabs&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/textarea/examples/textarea&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Text area&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/textinput/examples/textinput&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Text input&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/textinputgroup/examples/textinputgroup&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Text input group&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/deprecated/components/tile/examples/tile&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Tile&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/timepicker/examples/timepicker&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Time picker&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/timestamp/examples/timestamp&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Timestamp&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/title/examples/title&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Title&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/togglegroup/examples/togglegroup&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Toggle group&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/toolbar/examples/toolbar&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Toolbar&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/tooltip/examples/tooltip&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Tooltip&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/treeview/examples/treeview&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Tree view&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/truncate/examples/truncate&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Truncate&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;src/components/wizard/examples/wizard&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Wizard&quot;],&quot;section&quot;:[0,&quot;components&quot;],&quot;sortValue&quot;:[0]}]}]]],[1,[[0,{&quot;id&quot;:[0,&quot;dist/patternfly-docs/quick-starts/design-guidelines/design-guidelines&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Quick starts&quot;],&quot;section&quot;:[0,&quot;extensions&quot;],&quot;sortValue&quot;:[0]}]}]]],[1,[[0,{&quot;id&quot;:[0,&quot;docs/layouts/bullseye/examples/bullseye&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Bullseye&quot;],&quot;section&quot;:[0,&quot;layouts&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;docs/layouts/flex/examples/flex&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Flex&quot;],&quot;section&quot;:[0,&quot;layouts&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;docs/layouts/gallery/examples/gallery&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Gallery&quot;],&quot;section&quot;:[0,&quot;layouts&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;docs/layouts/grid/examples/grid&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Grid&quot;],&quot;section&quot;:[0,&quot;layouts&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;docs/layouts/level/examples/level&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Level&quot;],&quot;section&quot;:[0,&quot;layouts&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;docs/layouts/split/examples/split&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Split&quot;],&quot;section&quot;:[0,&quot;layouts&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;docs/layouts/stack/examples/stack&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Stack&quot;],&quot;section&quot;:[0,&quot;layouts&quot;],&quot;sortValue&quot;:[0]}]}]]],[1,[[0,{&quot;id&quot;:[0,&quot;docs/demos/cardview/examples/cardview&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Card view&quot;],&quot;section&quot;:[0,&quot;patterns&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;docs/demos/dashboard/examples/dashboard&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Dashboard&quot;],&quot;section&quot;:[0,&quot;patterns&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;docs/demos/primarydetail/examples/primarydetail&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Primary-detail&quot;],&quot;section&quot;:[0,&quot;patterns&quot;],&quot;sortValue&quot;:[0]}]}]]],[1,[[0,{&quot;id&quot;:[0,&quot;docs/utilities/accessibility/examples/accessibility&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Accessibility&quot;],&quot;section&quot;:[0,&quot;utility-classes&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;docs/utilities/alignment/examples/alignment&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Alignment&quot;],&quot;section&quot;:[0,&quot;utility-classes&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;docs/utilities/backgroundcolor/examples/backgroundcolor&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Background color&quot;],&quot;section&quot;:[0,&quot;utility-classes&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;docs/utilities/boxshadow/examples/box-shadow&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Box shadow&quot;],&quot;section&quot;:[0,&quot;utility-classes&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;docs/utilities/display/examples/display&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Display&quot;],&quot;section&quot;:[0,&quot;utility-classes&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;docs/utilities/flex/examples/flex&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Flex&quot;],&quot;section&quot;:[0,&quot;utility-classes&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;docs/utilities/float/examples/float&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Float&quot;],&quot;section&quot;:[0,&quot;utility-classes&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;docs/utilities/sizing/examples/sizing&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Sizing&quot;],&quot;section&quot;:[0,&quot;utility-classes&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;docs/utilities/spacing/examples/spacing&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Spacing&quot;],&quot;section&quot;:[0,&quot;utility-classes&quot;],&quot;sortValue&quot;:[0]}]}],[0,{&quot;id&quot;:[0,&quot;docs/utilities/text/examples/text&quot;],&quot;data&quot;:[0,{&quot;id&quot;:[0,&quot;Text&quot;],&quot;section&quot;:[0,&quot;utility-classes&quot;],&quot;sortValue&quot;:[0]}]}]]]]],&quot;data-astro-transition-scope&quot;:[0,&quot;astro-xikxfxwm-3&quot;]}" ssr client="only" opts="{&quot;name&quot;:&quot;ReactNav&quot;,&quot;value&quot;:&quot;react&quot;}" data-astro-transition-scope="astro-xikxfxwm-3"></astro-island> <div class="pf-v6-c-page__main-container"> <main class="pf-v6-c-page__main"> <section class="pf-v6-c-page__main-section"><div class="pf-v6-c-page__main-body"> <section id="ws-sticky-nav-tabs" class="pf-v6-c-page__main-tabs pf-m-sticky-top"><div class="pf-v6-c-page__main-body"> <div class="pf-v6-c-tabs pf-m-page-insets pf-m-no-border-bottom"> <ul class="pf-v6-c-tabs__list"> <li class="pf-v6-c-tabs__item"> <a class="pf-v6-c-tabs__link" href="/components/tabs/react"> React </a> </li><li class="pf-v6-c-tabs__item"> <a class="pf-v6-c-tabs__link" href="/components/tabs/html"> HTML </a> </li><li class="pf-v6-c-tabs__item"> <a class="pf-v6-c-tabs__link" href="/components/tabs/html-demos"> HTML demos </a> </li> </ul> </div> </div></section><section id="main-content" class="pf-v6-c-page__main-section pf-m-fill"><div class="pf-v6-c-page__main-body"> <h1 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3034" data-pf-content="true" class="pf-v6-c-content--h1">Examples</h1>
46
+ <h2 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3035" data-pf-content="true" class="pf-v6-c-content--h2">Default</h2>
47
+ <h3 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3036" data-pf-content="true" class="pf-v6-c-content--h3">Default tabs example</h3>
48
48
 
49
49
  <style>astro-island,astro-slot,astro-static-slot{display:contents}</style><script>(()=>{var e=async t=>{await(await t())()};(self.Astro||(self.Astro={})).only=e;window.dispatchEvent(new Event("astro:only"));})();</script><script>(()=>{var A=Object.defineProperty;var g=(i,o,a)=>o in i?A(i,o,{enumerable:!0,configurable:!0,writable:!0,value:a}):i[o]=a;var d=(i,o,a)=>g(i,typeof o!="symbol"?o+"":o,a);{let i={0:t=>m(t),1:t=>a(t),2:t=>new RegExp(t),3:t=>new Date(t),4:t=>new Map(a(t)),5:t=>new Set(a(t)),6:t=>BigInt(t),7:t=>new URL(t),8:t=>new Uint8Array(t),9:t=>new Uint16Array(t),10:t=>new Uint32Array(t),11:t=>1/0*t},o=t=>{let[l,e]=t;return l in i?i[l](e):void 0},a=t=>t.map(o),m=t=>typeof t!="object"||t===null?t:Object.fromEntries(Object.entries(t).map(([l,e])=>[l,o(e)]));class y extends HTMLElement{constructor(){super(...arguments);d(this,"Component");d(this,"hydrator");d(this,"hydrate",async()=>{var b;if(!this.hydrator||!this.isConnected)return;let e=(b=this.parentElement)==null?void 0:b.closest("astro-island[ssr]");if(e){e.addEventListener("astro:hydrate",this.hydrate,{once:!0});return}let c=this.querySelectorAll("astro-slot"),n={},h=this.querySelectorAll("template[data-astro-template]");for(let r of h){let s=r.closest(this.tagName);s!=null&&s.isSameNode(this)&&(n[r.getAttribute("data-astro-template")||"default"]=r.innerHTML,r.remove())}for(let r of c){let s=r.closest(this.tagName);s!=null&&s.isSameNode(this)&&(n[r.getAttribute("name")||"default"]=r.innerHTML)}let p;try{p=this.hasAttribute("props")?m(JSON.parse(this.getAttribute("props"))):{}}catch(r){let s=this.getAttribute("component-url")||"<unknown>",v=this.getAttribute("component-export");throw v&&(s+=` (export ${v})`),console.error(`[hydrate] Error parsing props for component ${s}`,this.getAttribute("props"),r),r}let u;await this.hydrator(this)(this.Component,p,n,{client:this.getAttribute("client")}),this.removeAttribute("ssr"),this.dispatchEvent(new CustomEvent("astro:hydrate"))});d(this,"unmount",()=>{this.isConnected||this.dispatchEvent(new CustomEvent("astro:unmount"))})}disconnectedCallback(){document.removeEventListener("astro:after-swap",this.unmount),document.addEventListener("astro:after-swap",this.unmount,{once:!0})}connectedCallback(){if(!this.hasAttribute("await-children")||document.readyState==="interactive"||document.readyState==="complete")this.childrenConnectedCallback();else{let e=()=>{document.removeEventListener("DOMContentLoaded",e),c.disconnect(),this.childrenConnectedCallback()},c=new MutationObserver(()=>{var n;((n=this.lastChild)==null?void 0:n.nodeType)===Node.COMMENT_NODE&&this.lastChild.nodeValue==="astro:end"&&(this.lastChild.remove(),e())});c.observe(this,{childList:!0}),document.addEventListener("DOMContentLoaded",e)}}async childrenConnectedCallback(){let e=this.getAttribute("before-hydration-url");e&&await import(e),this.start()}async start(){let e=JSON.parse(this.getAttribute("opts")),c=this.getAttribute("client");if(Astro[c]===void 0){window.addEventListener(`astro:${c}`,()=>this.start(),{once:!0});return}try{await Astro[c](async()=>{let n=this.getAttribute("renderer-url"),[h,{default:p}]=await Promise.all([import(this.getAttribute("component-url")),n?import(n):()=>()=>{}]),u=this.getAttribute("component-export")||"default";if(!u.includes("."))this.Component=h[u];else{this.Component=h;for(let f of u.split("."))this.Component=this.Component[f]}return this.hydrator=p,this.hydrate},e,this)}catch(n){console.error(`[astro-island] Error hydrating ${this.getAttribute("component-url")}`,n)}}attributeChangedCallback(){this.hydrate()}}d(y,"observedAttributes",["props"]),customElements.get("astro-island")||customElements.define("astro-island",y)}})();</script><astro-island uid="1dprDx" component-url="/_astro/LiveExample.LDgudiOh.js" component-export="LiveExample" renderer-url="/_astro/client.DN8ES6L5.js" props="{&quot;src&quot;:[0],&quot;html&quot;:[0,&quot;&lt;div class=\&quot;pf-v6-c-tabs\&quot; role=\&quot;region\&quot; id=\&quot;default-tabs\&quot;&gt;\n &lt;div class=\&quot;pf-v6-c-tabs__scroll-button\&quot; aria-hidden=\&quot;true\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Scroll left\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-angle-left\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/div&gt;\n &lt;ul class=\&quot;pf-v6-c-tabs__list\&quot; role=\&quot;tablist\&quot;&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;default-tabs-users-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Users&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-current\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;default-tabs-containers-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Containers&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;default-tabs-database-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Database&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n disabled\n role=\&quot;tab\&quot;\n id=\&quot;default-tabs-disabled-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Disabled&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link pf-m-aria-disabled\&quot;\n aria-disabled=\&quot;true\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;default-tabs-aria-disabled-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;ARIA disabled&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;default-tabs-network-wired-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Network&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;/ul&gt;\n\n &lt;div class=\&quot;pf-v6-c-tabs__scroll-button\&quot; aria-hidden=\&quot;true\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Scroll right\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-angle-right\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/div&gt;\n&lt;/div&gt;\n&quot;]}" ssr client="only" opts="{&quot;name&quot;:&quot;LiveExampleBase&quot;,&quot;value&quot;:&quot;react&quot;}"></astro-island>
50
- <h3 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3209" data-pf-content="true" class="pf-v6-c-content--h3">Default tabs usage</h3>
50
+ <h3 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3037" data-pf-content="true" class="pf-v6-c-content--h3">Default tabs usage</h3>
51
51
 
52
52
 
53
53
 
@@ -69,11 +69,11 @@
69
69
 
70
70
 
71
71
  <table><thead><tr><th>Class</th><th>Applied to</th><th>Outcome</th></tr></thead><tbody><tr><td><code>.pf-m-disabled</code></td><td><code>a.pf-v6-c-tabs__link</code></td><td>Modifies a tabs link for disabled styles.</td></tr><tr><td><code>.pf-m-aria-disabled</code></td><td><code>.pf-v6-c-tabs__link</code></td><td>Modifies a tabs link for disabled styles, but is still hoverable/focusable.</td></tr></tbody></table>
72
- <h2 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3210" data-pf-content="true" class="pf-v6-c-content--h2">Overflow</h2>
73
- <h3 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3211" data-pf-content="true" class="pf-v6-c-content--h3">Overflow beginning of list example</h3>
72
+ <h2 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3038" data-pf-content="true" class="pf-v6-c-content--h2">Overflow</h2>
73
+ <h3 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3039" data-pf-content="true" class="pf-v6-c-content--h3">Overflow beginning of list example</h3>
74
74
 
75
75
  <astro-island uid="O3EW" component-url="/_astro/LiveExample.LDgudiOh.js" component-export="LiveExample" renderer-url="/_astro/client.DN8ES6L5.js" props="{&quot;src&quot;:[0],&quot;html&quot;:[0,&quot;&lt;div\n class=\&quot;pf-v6-c-tabs pf-m-scrollable\&quot;\n role=\&quot;region\&quot;\n id=\&quot;overflow-beginning-of-list\&quot;\n&gt;\n &lt;div class=\&quot;pf-v6-c-tabs__scroll-button\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Scroll left\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-angle-left\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/div&gt;\n &lt;ul class=\&quot;pf-v6-c-tabs__list\&quot; role=\&quot;tablist\&quot;&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;overflow-beginning-of-list-users-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Users&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-current\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;overflow-beginning-of-list-containers-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Containers&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;overflow-beginning-of-list-database-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Database&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;overflow-beginning-of-list-server-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Server&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;overflow-beginning-of-list-system-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;System&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;overflow-beginning-of-list-network-wired-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Network&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;overflow-beginning-of-list-cloud-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Hybrid Cloud&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;overflow-beginning-of-list-automation-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Automation&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;overflow-beginning-of-list-files-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Files&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;/ul&gt;\n\n &lt;div class=\&quot;pf-v6-c-tabs__scroll-button\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Scroll right\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-angle-right\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/div&gt;\n&lt;/div&gt;\n&quot;]}" ssr client="only" opts="{&quot;name&quot;:&quot;LiveExampleBase&quot;,&quot;value&quot;:&quot;react&quot;}"></astro-island>
76
- <h3 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3212" data-pf-content="true" class="pf-v6-c-content--h3">Overflow beginning of list usage</h3>
76
+ <h3 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3040" data-pf-content="true" class="pf-v6-c-content--h3">Overflow beginning of list usage</h3>
77
77
 
78
78
 
79
79
 
@@ -95,30 +95,30 @@
95
95
 
96
96
 
97
97
  <table><thead><tr><th>Class</th><th>Applied to</th><th>Outcome</th></tr></thead><tbody><tr><td><code>.pf-m-scrollable</code></td><td><code>.pf-v6-c-tabs</code></td><td>Enables the directional scroll buttons.</td></tr><tr><td><code>.pf-v6-c-tabs__scroll-button</code></td><td><code>&lt;div&gt;</code></td><td>Initiates a tabs component scroll button container.</td></tr></tbody></table>
98
- <h3 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3213" data-pf-content="true" class="pf-v6-c-content--h3">Horizontal overflow example</h3>
98
+ <h3 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3041" data-pf-content="true" class="pf-v6-c-content--h3">Horizontal overflow example</h3>
99
99
 
100
100
  <astro-island uid="sRp07" component-url="/_astro/LiveExample.LDgudiOh.js" component-export="LiveExample" renderer-url="/_astro/client.DN8ES6L5.js" props="{&quot;src&quot;:[0],&quot;html&quot;:[0,&quot;&lt;div class=\&quot;pf-v6-c-tabs pf-m-overflow\&quot; role=\&quot;region\&quot; id=\&quot;horizontal-overflow\&quot;&gt;\n &lt;ul class=\&quot;pf-v6-c-tabs__list\&quot; role=\&quot;tablist\&quot;&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;horizontal-overflow-users-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Users&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-current\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;horizontal-overflow-containers-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Containers&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;horizontal-overflow-database-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Database&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;horizontal-overflow-server-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Server&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;horizontal-overflow-system-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;System&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;horizontal-overflow-network-wired-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Network&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-overflow\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;horizontal-overflow-more-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;More&lt;/span&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__link-toggle-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-angle-right\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;/ul&gt;\n&lt;/div&gt;\n&quot;]}" ssr client="only" opts="{&quot;name&quot;:&quot;LiveExampleBase&quot;,&quot;value&quot;:&quot;react&quot;}"></astro-island>
101
- <h3 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3214" data-pf-content="true" class="pf-v6-c-content--h3">Horizontal overflow expanded example</h3>
101
+ <h3 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3042" data-pf-content="true" class="pf-v6-c-content--h3">Horizontal overflow expanded example</h3>
102
102
 
103
103
  <astro-island uid="1kA8WQ" component-url="/_astro/LiveExample.LDgudiOh.js" component-export="LiveExample" renderer-url="/_astro/client.DN8ES6L5.js" props="{&quot;src&quot;:[0],&quot;html&quot;:[0,&quot;&lt;div\n class=\&quot;pf-v6-c-tabs pf-m-overflow\&quot;\n role=\&quot;region\&quot;\n id=\&quot;horizontal-overflow-expanded\&quot;\n&gt;\n &lt;ul class=\&quot;pf-v6-c-tabs__list\&quot; role=\&quot;tablist\&quot;&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;horizontal-overflow-expanded-users-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Users&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-current\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;horizontal-overflow-expanded-containers-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Containers&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;horizontal-overflow-expanded-database-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Database&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;horizontal-overflow-expanded-server-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Server&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;horizontal-overflow-expanded-system-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;System&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;horizontal-overflow-expanded-network-wired-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Network&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-overflow\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link pf-m-expanded\&quot;\n aria-expanded=\&quot;true\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;horizontal-overflow-expanded-more-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;More&lt;/span&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__link-toggle-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-angle-right\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;/ul&gt;\n&lt;/div&gt;\n&quot;]}" ssr client="only" opts="{&quot;name&quot;:&quot;LiveExampleBase&quot;,&quot;value&quot;:&quot;react&quot;}"></astro-island>
104
- <h3 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3215" data-pf-content="true" class="pf-v6-c-content--h3">Horizontal overflow selected example</h3>
104
+ <h3 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3043" data-pf-content="true" class="pf-v6-c-content--h3">Horizontal overflow selected example</h3>
105
105
 
106
106
  <astro-island uid="tbaC5" component-url="/_astro/LiveExample.LDgudiOh.js" component-export="LiveExample" renderer-url="/_astro/client.DN8ES6L5.js" props="{&quot;src&quot;:[0],&quot;html&quot;:[0,&quot;&lt;div\n class=\&quot;pf-v6-c-tabs pf-m-overflow\&quot;\n role=\&quot;region\&quot;\n id=\&quot;horizontal-overflow-selected\&quot;\n&gt;\n &lt;ul class=\&quot;pf-v6-c-tabs__list\&quot; role=\&quot;tablist\&quot;&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;horizontal-overflow-selected-users-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Users&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;horizontal-overflow-selected-containers-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Containers&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;horizontal-overflow-selected-database-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Database&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;horizontal-overflow-selected-server-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Server&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;horizontal-overflow-selected-system-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;System&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;horizontal-overflow-selected-network-wired-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Network&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li\n class=\&quot;pf-v6-c-tabs__item pf-m-current pf-m-overflow\&quot;\n role=\&quot;presentation\&quot;\n &gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;horizontal-overflow-selected-more-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;More&lt;/span&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__link-toggle-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-angle-right\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;/ul&gt;\n&lt;/div&gt;\n&quot;]}" ssr client="only" opts="{&quot;name&quot;:&quot;LiveExampleBase&quot;,&quot;value&quot;:&quot;react&quot;}"></astro-island>
107
- <h2 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3216" data-pf-content="true" class="pf-v6-c-content--h2">Vertical</h2>
108
- <h3 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3217" data-pf-content="true" class="pf-v6-c-content--h3">Vertical tabs example</h3>
107
+ <h2 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3044" data-pf-content="true" class="pf-v6-c-content--h2">Vertical</h2>
108
+ <h3 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3045" data-pf-content="true" class="pf-v6-c-content--h3">Vertical tabs example</h3>
109
109
 
110
110
  <astro-island uid="Z1wacIL" component-url="/_astro/LiveExample.LDgudiOh.js" component-export="LiveExample" renderer-url="/_astro/client.DN8ES6L5.js" props="{&quot;src&quot;:[0],&quot;html&quot;:[0,&quot;&lt;div class=\&quot;pf-v6-c-tabs pf-m-vertical\&quot; role=\&quot;region\&quot; id=\&quot;vertical-tabs\&quot;&gt;\n &lt;ul class=\&quot;pf-v6-c-tabs__list\&quot; role=\&quot;tablist\&quot;&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;vertical-tabs-users-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Users&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-current\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;vertical-tabs-containers-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Containers&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;vertical-tabs-database-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Database&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n disabled\n role=\&quot;tab\&quot;\n id=\&quot;vertical-tabs-disabled-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Disabled&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link pf-m-aria-disabled\&quot;\n aria-disabled=\&quot;true\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;vertical-tabs-aria-disabled-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;ARIA disabled&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;vertical-tabs-network-wired-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Network&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;/ul&gt;\n&lt;/div&gt;\n&quot;]}" ssr client="only" opts="{&quot;name&quot;:&quot;LiveExampleBase&quot;,&quot;value&quot;:&quot;react&quot;}"></astro-island>
111
- <h3 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3218" data-pf-content="true" class="pf-v6-c-content--h3">Vertical expandable example</h3>
111
+ <h3 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3046" data-pf-content="true" class="pf-v6-c-content--h3">Vertical expandable example</h3>
112
112
 
113
113
  <astro-island uid="1FXj6F" component-url="/_astro/LiveExample.LDgudiOh.js" component-export="LiveExample" renderer-url="/_astro/client.DN8ES6L5.js" props="{&quot;src&quot;:[0],&quot;html&quot;:[0,&quot;&lt;div\n class=\&quot;pf-v6-c-tabs pf-m-expandable pf-m-vertical\&quot;\n role=\&quot;region\&quot;\n id=\&quot;vertical-expandable\&quot;\n&gt;\n &lt;div class=\&quot;pf-v6-c-tabs__toggle\&quot;&gt;\n &lt;div class=\&quot;pf-v6-c-tabs__toggle-button\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Details\&quot;\n aria-expanded=\&quot;true\&quot;\n id=\&quot;vertical-expandable-toggle-button\&quot;\n aria-labelledby=\&quot;vertical-expandable-toggle-text vertical-expandable-toggle-button\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon pf-m-start\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__toggle-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-angle-right\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;span class=\&quot;pf-v6-c-button__text\&quot;&gt;\n &lt;span\n class=\&quot;pf-v6-c-tabs__toggle-text\&quot;\n id=\&quot;vertical-expandable-toggle-text\&quot;\n &gt;Containers&lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/div&gt;\n &lt;/div&gt;\n\n &lt;ul class=\&quot;pf-v6-c-tabs__list\&quot; role=\&quot;tablist\&quot;&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;vertical-expandable-users-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Users&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-current\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;vertical-expandable-containers-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Containers&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;vertical-expandable-database-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Database&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;vertical-expandable-server-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Server&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;vertical-expandable-system-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;System&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;vertical-expandable-network-wired-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Network&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;/ul&gt;\n&lt;/div&gt;\n&quot;]}" ssr client="only" opts="{&quot;name&quot;:&quot;LiveExampleBase&quot;,&quot;value&quot;:&quot;react&quot;}"></astro-island>
114
- <h3 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3219" data-pf-content="true" class="pf-v6-c-content--h3">Vertical expanded example</h3>
114
+ <h3 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3047" data-pf-content="true" class="pf-v6-c-content--h3">Vertical expanded example</h3>
115
115
 
116
116
  <astro-island uid="ZpqDVP" component-url="/_astro/LiveExample.LDgudiOh.js" component-export="LiveExample" renderer-url="/_astro/client.DN8ES6L5.js" props="{&quot;src&quot;:[0],&quot;html&quot;:[0,&quot;&lt;div\n class=\&quot;pf-v6-c-tabs pf-m-expandable pf-m-expanded pf-m-vertical\&quot;\n role=\&quot;region\&quot;\n id=\&quot;vertical-expanded\&quot;\n&gt;\n &lt;div class=\&quot;pf-v6-c-tabs__toggle\&quot;&gt;\n &lt;div class=\&quot;pf-v6-c-tabs__toggle-button\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-expanded=\&quot;true\&quot;\n aria-label=\&quot;Details\&quot;\n id=\&quot;vertical-expanded-toggle-button\&quot;\n aria-labelledby=\&quot;vertical-expanded-toggle-text vertical-expanded-toggle-button\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon pf-m-start\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__toggle-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-angle-right\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;span class=\&quot;pf-v6-c-button__text\&quot;&gt;\n &lt;span\n class=\&quot;pf-v6-c-tabs__toggle-text\&quot;\n id=\&quot;vertical-expanded-toggle-text\&quot;\n &gt;Containers&lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/div&gt;\n &lt;/div&gt;\n\n &lt;ul class=\&quot;pf-v6-c-tabs__list\&quot; role=\&quot;tablist\&quot;&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;vertical-expanded-users-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Users&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-current\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;vertical-expanded-containers-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Containers&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;vertical-expanded-database-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Database&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;vertical-expanded-server-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Server&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;vertical-expanded-system-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;System&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;vertical-expanded-network-wired-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Network&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;/ul&gt;\n&lt;/div&gt;\n&quot;]}" ssr client="only" opts="{&quot;name&quot;:&quot;LiveExampleBase&quot;,&quot;value&quot;:&quot;react&quot;}"></astro-island>
117
- <h3 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3220" data-pf-content="true" class="pf-v6-c-content--h3">Vertical expandable responsive example</h3>
117
+ <h3 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3048" data-pf-content="true" class="pf-v6-c-content--h3">Vertical expandable responsive example</h3>
118
118
 
119
119
  <astro-island uid="t7QCU" component-url="/_astro/LiveExample.LDgudiOh.js" component-export="LiveExample" renderer-url="/_astro/client.DN8ES6L5.js" props="{&quot;src&quot;:[0],&quot;html&quot;:[0,&quot;&lt;div\n class=\&quot;pf-v6-c-tabs pf-m-expandable pf-m-vertical pf-m-non-expandable-on-md pf-m-expandable-on-lg pf-m-non-expandable-on-xl\&quot;\n role=\&quot;region\&quot;\n id=\&quot;vertical-expandable-responsive\&quot;\n&gt;\n &lt;div class=\&quot;pf-v6-c-tabs__toggle\&quot;&gt;\n &lt;div class=\&quot;pf-v6-c-tabs__toggle-button\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Details\&quot;\n aria-expanded=\&quot;true\&quot;\n id=\&quot;vertical-expandable-responsive-toggle-button\&quot;\n aria-labelledby=\&quot;vertical-expandable-responsive-toggle-text vertical-expandable-responsive-toggle-button\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon pf-m-start\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__toggle-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-angle-right\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;span class=\&quot;pf-v6-c-button__text\&quot;&gt;\n &lt;span\n class=\&quot;pf-v6-c-tabs__toggle-text\&quot;\n id=\&quot;vertical-expandable-responsive-toggle-text\&quot;\n &gt;Containers&lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/div&gt;\n &lt;/div&gt;\n\n &lt;ul class=\&quot;pf-v6-c-tabs__list\&quot; role=\&quot;tablist\&quot;&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;vertical-expandable-responsive-users-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Users&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-current\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;vertical-expandable-responsive-containers-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Containers&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;vertical-expandable-responsive-database-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Database&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;vertical-expandable-responsive-server-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Server&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;vertical-expandable-responsive-system-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;System&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;vertical-expandable-responsive-network-wired-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Network&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;/ul&gt;\n&lt;/div&gt;\n&quot;]}" ssr client="only" opts="{&quot;name&quot;:&quot;LiveExampleBase&quot;,&quot;value&quot;:&quot;react&quot;}"></astro-island>
120
- <h3 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3221" data-pf-content="true" class="pf-v6-c-content--h3">Vertical expandable example (deprecated)</h3>
121
- <pre data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3268" data-pf-content="true" class="pf-v6-c-content--pre"><code><span class="line"><span style="color:#E1E4E8">&lt;</span><span style="color:#85E89D">div</span></span>
120
+ <h3 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3049" data-pf-content="true" class="pf-v6-c-content--h3">Vertical expandable example (deprecated)</h3>
121
+ <pre data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3096" data-pf-content="true" class="pf-v6-c-content--pre"><code><span class="line"><span style="color:#E1E4E8">&lt;</span><span style="color:#85E89D">div</span></span>
122
122
  <span class="line"><span style="color:#B392F0"> class</span><span style="color:#E1E4E8">=</span><span style="color:#9ECBFF">&quot;pf-v6-c-tabs pf-m-expandable pf-m-vertical&quot;</span></span>
123
123
  <span class="line"><span style="color:#B392F0"> role</span><span style="color:#E1E4E8">=</span><span style="color:#9ECBFF">&quot;region&quot;</span></span>
124
124
  <span class="line"><span style="color:#B392F0"> id</span><span style="color:#E1E4E8">=</span><span style="color:#9ECBFF">&quot;vertical-expandable-legacy&quot;</span></span>
@@ -211,8 +211,8 @@
211
211
  <span class="line"><span style="color:#E1E4E8"> &lt;/</span><span style="color:#85E89D">ul</span><span style="color:#E1E4E8">&gt;</span></span>
212
212
  <span class="line"><span style="color:#E1E4E8">&lt;/</span><span style="color:#85E89D">div</span><span style="color:#E1E4E8">&gt;</span></span>
213
213
  <span class="line"></span></code></pre>
214
- <h3 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3222" data-pf-content="true" class="pf-v6-c-content--h3">Vertical expanded example (deprecated)</h3>
215
- <pre data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3269" data-pf-content="true" class="pf-v6-c-content--pre"><code><span class="line"><span style="color:#E1E4E8">&lt;</span><span style="color:#85E89D">div</span></span>
214
+ <h3 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3050" data-pf-content="true" class="pf-v6-c-content--h3">Vertical expanded example (deprecated)</h3>
215
+ <pre data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3097" data-pf-content="true" class="pf-v6-c-content--pre"><code><span class="line"><span style="color:#E1E4E8">&lt;</span><span style="color:#85E89D">div</span></span>
216
216
  <span class="line"><span style="color:#B392F0"> class</span><span style="color:#E1E4E8">=</span><span style="color:#9ECBFF">&quot;pf-v6-c-tabs pf-m-expandable pf-m-expanded pf-m-vertical&quot;</span></span>
217
217
  <span class="line"><span style="color:#B392F0"> role</span><span style="color:#E1E4E8">=</span><span style="color:#9ECBFF">&quot;region&quot;</span></span>
218
218
  <span class="line"><span style="color:#B392F0"> id</span><span style="color:#E1E4E8">=</span><span style="color:#9ECBFF">&quot;vertical-expanded-legacy&quot;</span></span>
@@ -305,8 +305,8 @@
305
305
  <span class="line"><span style="color:#E1E4E8"> &lt;/</span><span style="color:#85E89D">ul</span><span style="color:#E1E4E8">&gt;</span></span>
306
306
  <span class="line"><span style="color:#E1E4E8">&lt;/</span><span style="color:#85E89D">div</span><span style="color:#E1E4E8">&gt;</span></span>
307
307
  <span class="line"></span></code></pre>
308
- <h3 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3223" data-pf-content="true" class="pf-v6-c-content--h3">Vertical expandable responsive example (deprecated)</h3>
309
- <pre data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3270" data-pf-content="true" class="pf-v6-c-content--pre"><code><span class="line"><span style="color:#E1E4E8">&lt;</span><span style="color:#85E89D">div</span></span>
308
+ <h3 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3051" data-pf-content="true" class="pf-v6-c-content--h3">Vertical expandable responsive example (deprecated)</h3>
309
+ <pre data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3098" data-pf-content="true" class="pf-v6-c-content--pre"><code><span class="line"><span style="color:#E1E4E8">&lt;</span><span style="color:#85E89D">div</span></span>
310
310
  <span class="line"><span style="color:#B392F0"> class</span><span style="color:#E1E4E8">=</span><span style="color:#9ECBFF">&quot;pf-v6-c-tabs pf-m-expandable pf-m-vertical pf-m-non-expandable-on-md pf-m-expandable-on-lg pf-m-non-expandable-on-xl&quot;</span></span>
311
311
  <span class="line"><span style="color:#B392F0"> role</span><span style="color:#E1E4E8">=</span><span style="color:#9ECBFF">&quot;region&quot;</span></span>
312
312
  <span class="line"><span style="color:#B392F0"> id</span><span style="color:#E1E4E8">=</span><span style="color:#9ECBFF">&quot;vertical-expandable-responsive-legacy&quot;</span></span>
@@ -399,30 +399,30 @@
399
399
  <span class="line"><span style="color:#E1E4E8"> &lt;/</span><span style="color:#85E89D">ul</span><span style="color:#E1E4E8">&gt;</span></span>
400
400
  <span class="line"><span style="color:#E1E4E8">&lt;/</span><span style="color:#85E89D">div</span><span style="color:#E1E4E8">&gt;</span></span>
401
401
  <span class="line"></span></code></pre>
402
- <h2 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3224" data-pf-content="true" class="pf-v6-c-content--h2">Box</h2>
403
- <h3 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3225" data-pf-content="true" class="pf-v6-c-content--h3">Box tabs example</h3>
402
+ <h2 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3052" data-pf-content="true" class="pf-v6-c-content--h2">Box</h2>
403
+ <h3 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3053" data-pf-content="true" class="pf-v6-c-content--h3">Box tabs example</h3>
404
404
 
405
405
  <astro-island uid="Z6vEFi" component-url="/_astro/LiveExample.LDgudiOh.js" component-export="LiveExample" renderer-url="/_astro/client.DN8ES6L5.js" props="{&quot;src&quot;:[0],&quot;html&quot;:[0,&quot;&lt;div class=\&quot;pf-v6-c-tabs pf-m-box\&quot; role=\&quot;region\&quot; id=\&quot;box-tabs\&quot;&gt;\n &lt;div class=\&quot;pf-v6-c-tabs__scroll-button\&quot; aria-hidden=\&quot;true\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Scroll left\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-angle-left\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/div&gt;\n &lt;ul class=\&quot;pf-v6-c-tabs__list\&quot; role=\&quot;tablist\&quot;&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;box-tabs-users-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Users&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-current\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;box-tabs-containers-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Containers&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;box-tabs-database-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Database&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n disabled\n role=\&quot;tab\&quot;\n id=\&quot;box-tabs-disabled-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Disabled&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link pf-m-aria-disabled\&quot;\n aria-disabled=\&quot;true\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;box-tabs-aria-disabled-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;ARIA disabled&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;box-tabs-network-wired-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Network&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;/ul&gt;\n\n &lt;div class=\&quot;pf-v6-c-tabs__scroll-button\&quot; aria-hidden=\&quot;true\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Scroll right\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-angle-right\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/div&gt;\n&lt;/div&gt;\n&quot;]}" ssr client="only" opts="{&quot;name&quot;:&quot;LiveExampleBase&quot;,&quot;value&quot;:&quot;react&quot;}"></astro-island>
406
- <h3 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3226" data-pf-content="true" class="pf-v6-c-content--h3">Box overflow example</h3>
406
+ <h3 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3054" data-pf-content="true" class="pf-v6-c-content--h3">Box overflow example</h3>
407
407
 
408
408
  <astro-island uid="20xPRM" component-url="/_astro/LiveExample.LDgudiOh.js" component-export="LiveExample" renderer-url="/_astro/client.DN8ES6L5.js" props="{&quot;src&quot;:[0],&quot;html&quot;:[0,&quot;&lt;div\n class=\&quot;pf-v6-c-tabs pf-m-box pf-m-scrollable\&quot;\n role=\&quot;region\&quot;\n id=\&quot;box-overflow\&quot;\n&gt;\n &lt;div class=\&quot;pf-v6-c-tabs__scroll-button\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Scroll left\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-angle-left\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/div&gt;\n &lt;ul class=\&quot;pf-v6-c-tabs__list\&quot; role=\&quot;tablist\&quot;&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;box-overflow-users-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Users&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-current\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;box-overflow-containers-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Containers&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;box-overflow-database-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Database&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;box-overflow-server-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Server&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;box-overflow-system-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;System&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;box-overflow-network-wired-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Network&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;box-overflow-cloud-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Hybrid Cloud&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;box-overflow-automation-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Automation&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;box-overflow-files-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Files&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;/ul&gt;\n\n &lt;div class=\&quot;pf-v6-c-tabs__scroll-button\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Scroll right\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-angle-right\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/div&gt;\n&lt;/div&gt;\n&quot;]}" ssr client="only" opts="{&quot;name&quot;:&quot;LiveExampleBase&quot;,&quot;value&quot;:&quot;react&quot;}"></astro-island>
409
- <h3 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3227" data-pf-content="true" class="pf-v6-c-content--h3">Box vertical example</h3>
409
+ <h3 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3055" data-pf-content="true" class="pf-v6-c-content--h3">Box vertical example</h3>
410
410
 
411
411
  <astro-island uid="Z1RPG2I" component-url="/_astro/LiveExample.LDgudiOh.js" component-export="LiveExample" renderer-url="/_astro/client.DN8ES6L5.js" props="{&quot;src&quot;:[0],&quot;html&quot;:[0,&quot;&lt;div\n class=\&quot;pf-v6-c-tabs pf-m-box pf-m-vertical\&quot;\n role=\&quot;region\&quot;\n id=\&quot;box-vertical\&quot;\n&gt;\n &lt;ul class=\&quot;pf-v6-c-tabs__list\&quot; role=\&quot;tablist\&quot;&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;box-vertical-users-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Users&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-current\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;box-vertical-containers-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Containers&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;box-vertical-database-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Database&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n disabled\n role=\&quot;tab\&quot;\n id=\&quot;box-vertical-disabled-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Disabled&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link pf-m-aria-disabled\&quot;\n aria-disabled=\&quot;true\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;box-vertical-aria-disabled-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;ARIA disabled&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;box-vertical-network-wired-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Network&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;/ul&gt;\n&lt;/div&gt;\n&quot;]}" ssr client="only" opts="{&quot;name&quot;:&quot;LiveExampleBase&quot;,&quot;value&quot;:&quot;react&quot;}"></astro-island>
412
- <h3 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3228" data-pf-content="true" class="pf-v6-c-content--h3">Box tabs secondary variant example</h3>
412
+ <h3 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3056" data-pf-content="true" class="pf-v6-c-content--h3">Box tabs secondary variant example</h3>
413
413
 
414
414
  <astro-island uid="1KD7m1" component-url="/_astro/LiveExample.LDgudiOh.js" component-export="LiveExample" renderer-url="/_astro/client.DN8ES6L5.js" props="{&quot;src&quot;:[0],&quot;html&quot;:[0,&quot;&lt;div\n class=\&quot;pf-v6-c-tabs pf-m-box pf-m-secondary\&quot;\n role=\&quot;region\&quot;\n id=\&quot;box-tabs-secondary\&quot;\n&gt;\n &lt;div class=\&quot;pf-v6-c-tabs__scroll-button\&quot; aria-hidden=\&quot;true\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Scroll left\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-angle-left\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/div&gt;\n &lt;ul class=\&quot;pf-v6-c-tabs__list\&quot; role=\&quot;tablist\&quot;&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;box-tabs-secondary-users-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Users&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-current\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;box-tabs-secondary-containers-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Containers&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;box-tabs-secondary-database-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Database&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n disabled\n role=\&quot;tab\&quot;\n id=\&quot;box-tabs-secondary-disabled-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Disabled&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link pf-m-aria-disabled\&quot;\n aria-disabled=\&quot;true\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;box-tabs-secondary-aria-disabled-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;ARIA disabled&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;box-tabs-secondary-network-wired-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Network&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;/ul&gt;\n\n &lt;div class=\&quot;pf-v6-c-tabs__scroll-button\&quot; aria-hidden=\&quot;true\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Scroll right\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-angle-right\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/div&gt;\n&lt;/div&gt;\n&lt;div class=\&quot;tabs-example-block tabs-example-block--m-secondary\&quot;&gt;&lt;/div&gt;\n&quot;]}" ssr client="only" opts="{&quot;name&quot;:&quot;LiveExampleBase&quot;,&quot;value&quot;:&quot;react&quot;}"></astro-island>
415
- <h2 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3229" data-pf-content="true" class="pf-v6-c-content--h2">Tab insets</h2>
416
- <h3 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3230" data-pf-content="true" class="pf-v6-c-content--h3">Default tab insets example</h3>
415
+ <h2 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3057" data-pf-content="true" class="pf-v6-c-content--h2">Tab insets</h2>
416
+ <h3 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3058" data-pf-content="true" class="pf-v6-c-content--h3">Default tab insets example</h3>
417
417
 
418
418
  <astro-island uid="Z1UAAB0" component-url="/_astro/LiveExample.LDgudiOh.js" component-export="LiveExample" renderer-url="/_astro/client.DN8ES6L5.js" props="{&quot;src&quot;:[0],&quot;html&quot;:[0,&quot;&lt;div\n class=\&quot;pf-v6-c-tabs pf-m-inset-sm-on-md pf-m-inset-lg-on-lg pf-m-inset-2xl-on-xl\&quot;\n role=\&quot;region\&quot;\n id=\&quot;default-tab-insets\&quot;\n&gt;\n &lt;div class=\&quot;pf-v6-c-tabs__scroll-button\&quot; aria-hidden=\&quot;true\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Scroll left\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-angle-left\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/div&gt;\n &lt;ul class=\&quot;pf-v6-c-tabs__list\&quot; role=\&quot;tablist\&quot;&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;default-tab-insets-users-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Users&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-current\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;default-tab-insets-containers-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Containers&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;default-tab-insets-database-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Database&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;default-tab-insets-server-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Server&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;default-tab-insets-system-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;System&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;default-tab-insets-network-wired-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Network&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;/ul&gt;\n\n &lt;div class=\&quot;pf-v6-c-tabs__scroll-button\&quot; aria-hidden=\&quot;true\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Scroll right\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-angle-right\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/div&gt;\n&lt;/div&gt;\n&quot;]}" ssr client="only" opts="{&quot;name&quot;:&quot;LiveExampleBase&quot;,&quot;value&quot;:&quot;react&quot;}"></astro-island>
419
- <h3 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3231" data-pf-content="true" class="pf-v6-c-content--h3">Box tab insets example</h3>
419
+ <h3 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3059" data-pf-content="true" class="pf-v6-c-content--h3">Box tab insets example</h3>
420
420
 
421
421
  <astro-island uid="Z2sx3ht" component-url="/_astro/LiveExample.LDgudiOh.js" component-export="LiveExample" renderer-url="/_astro/client.DN8ES6L5.js" props="{&quot;src&quot;:[0],&quot;html&quot;:[0,&quot;&lt;div\n class=\&quot;pf-v6-c-tabs pf-m-box pf-m-inset-sm-on-md pf-m-inset-lg-on-lg pf-m-inset-2xl-on-xl\&quot;\n role=\&quot;region\&quot;\n id=\&quot;box-tab-insets\&quot;\n&gt;\n &lt;div class=\&quot;pf-v6-c-tabs__scroll-button\&quot; aria-hidden=\&quot;true\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Scroll left\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-angle-left\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/div&gt;\n &lt;ul class=\&quot;pf-v6-c-tabs__list\&quot; role=\&quot;tablist\&quot;&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;box-tab-insets-users-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Users&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-current\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;box-tab-insets-containers-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Containers&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;box-tab-insets-database-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Database&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;box-tab-insets-server-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Server&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;box-tab-insets-system-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;System&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;box-tab-insets-network-wired-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Network&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;/ul&gt;\n\n &lt;div class=\&quot;pf-v6-c-tabs__scroll-button\&quot; aria-hidden=\&quot;true\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Scroll right\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-angle-right\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/div&gt;\n&lt;/div&gt;\n&quot;]}" ssr client="only" opts="{&quot;name&quot;:&quot;LiveExampleBase&quot;,&quot;value&quot;:&quot;react&quot;}"></astro-island>
422
- <h3 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3232" data-pf-content="true" class="pf-v6-c-content--h3">Page insets example</h3>
422
+ <h3 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3060" data-pf-content="true" class="pf-v6-c-content--h3">Page insets example</h3>
423
423
 
424
424
  <astro-island uid="ZFpkNR" component-url="/_astro/LiveExample.LDgudiOh.js" component-export="LiveExample" renderer-url="/_astro/client.DN8ES6L5.js" props="{&quot;src&quot;:[0],&quot;html&quot;:[0,&quot;&lt;div class=\&quot;pf-v6-c-tabs pf-m-page-insets\&quot; role=\&quot;region\&quot; id=\&quot;page-insets\&quot;&gt;\n &lt;div class=\&quot;pf-v6-c-tabs__scroll-button\&quot; aria-hidden=\&quot;true\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Scroll left\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-angle-left\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/div&gt;\n &lt;ul class=\&quot;pf-v6-c-tabs__list\&quot; role=\&quot;tablist\&quot;&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;page-insets-users-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Users&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-current\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;page-insets-containers-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Containers&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;page-insets-database-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Database&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;page-insets-server-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Server&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;page-insets-system-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;System&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;page-insets-network-wired-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Network&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;/ul&gt;\n\n &lt;div class=\&quot;pf-v6-c-tabs__scroll-button\&quot; aria-hidden=\&quot;true\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Scroll right\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-angle-right\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/div&gt;\n&lt;/div&gt;\n&quot;]}" ssr client="only" opts="{&quot;name&quot;:&quot;LiveExampleBase&quot;,&quot;value&quot;:&quot;react&quot;}"></astro-island>
425
- <h3 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3233" data-pf-content="true" class="pf-v6-c-content--h3">Insets usage</h3>
425
+ <h3 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3061" data-pf-content="true" class="pf-v6-c-content--h3">Insets usage</h3>
426
426
 
427
427
 
428
428
 
@@ -444,31 +444,31 @@
444
444
 
445
445
 
446
446
  <table><thead><tr><th>Class</th><th>Applied to</th><th>Outcome</th></tr></thead><tbody><tr><td><code>.pf-m-inset-{none, sm, md, lg, xl, 2xl, 3xl}{-on-[sm, md, lg, xl, 2xl]}</code></td><td><code>.pf-v6-c-tabs</code></td><td>Modifies the tabs component padding/inset to visually match padding of other adjacent components.</td></tr><tr><td><code>.pf-m-page-insets</code></td><td><code>.pf-v6-c-tabs</code></td><td>Modifies the tabs component padding/inset to visually match padding of page elements.</td></tr></tbody></table>
447
- <h2 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3234" data-pf-content="true" class="pf-v6-c-content--h2">Icons</h2>
448
- <h3 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3235" data-pf-content="true" class="pf-v6-c-content--h3">Icons and text example</h3>
447
+ <h2 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3062" data-pf-content="true" class="pf-v6-c-content--h2">Icons</h2>
448
+ <h3 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3063" data-pf-content="true" class="pf-v6-c-content--h3">Icons and text example</h3>
449
449
 
450
450
  <astro-island uid="1wsKks" component-url="/_astro/LiveExample.LDgudiOh.js" component-export="LiveExample" renderer-url="/_astro/client.DN8ES6L5.js" props="{&quot;src&quot;:[0],&quot;html&quot;:[0,&quot;&lt;div class=\&quot;pf-v6-c-tabs\&quot; role=\&quot;region\&quot; id=\&quot;icons-and-text\&quot;&gt;\n &lt;div class=\&quot;pf-v6-c-tabs__scroll-button\&quot; aria-hidden=\&quot;true\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Scroll left\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-angle-left\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/div&gt;\n &lt;ul class=\&quot;pf-v6-c-tabs__list\&quot; role=\&quot;tablist\&quot;&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;icons-and-text-users-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-fas fa-users\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Users&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-current\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;icons-and-text-containers-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-fas fa-box\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Containers&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;icons-and-text-database-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-database\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Database&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;icons-and-text-server-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-server\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Server&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;icons-and-text-system-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-laptop\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;System&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;icons-and-text-network-wired-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-project-diagram\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Network&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;/ul&gt;\n\n &lt;div class=\&quot;pf-v6-c-tabs__scroll-button\&quot; aria-hidden=\&quot;true\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Scroll right\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-angle-right\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/div&gt;\n&lt;/div&gt;\n&quot;]}" ssr client="only" opts="{&quot;name&quot;:&quot;LiveExampleBase&quot;,&quot;value&quot;:&quot;react&quot;}"></astro-island>
451
- <h2 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3236" data-pf-content="true" class="pf-v6-c-content--h2">Sub tabs</h2>
452
- <h3 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3237" data-pf-content="true" class="pf-v6-c-content--h3">Tabs with sub tabs example</h3>
451
+ <h2 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3064" data-pf-content="true" class="pf-v6-c-content--h2">Sub tabs</h2>
452
+ <h3 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3065" data-pf-content="true" class="pf-v6-c-content--h3">Tabs with sub tabs example</h3>
453
453
 
454
454
  <astro-island uid="ybbp3" component-url="/_astro/LiveExample.LDgudiOh.js" component-export="LiveExample" renderer-url="/_astro/client.DN8ES6L5.js" props="{&quot;src&quot;:[0],&quot;html&quot;:[0,&quot;&lt;div class=\&quot;pf-v6-c-tabs pf-m-scrollable\&quot; role=\&quot;region\&quot; id=\&quot;tabs-with-sub-tabs\&quot;&gt;\n &lt;div class=\&quot;pf-v6-c-tabs__scroll-button\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Scroll left\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-angle-left\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/div&gt;\n &lt;ul class=\&quot;pf-v6-c-tabs__list\&quot; role=\&quot;tablist\&quot;&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;tabs-with-sub-tabs-users-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Users&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-current\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;tabs-with-sub-tabs-containers-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Containers&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;tabs-with-sub-tabs-database-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Database&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;tabs-with-sub-tabs-server-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Server&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;tabs-with-sub-tabs-system-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;System&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;tabs-with-sub-tabs-network-wired-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Network&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;/ul&gt;\n\n &lt;div class=\&quot;pf-v6-c-tabs__scroll-button\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Scroll right\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-angle-right\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/div&gt;\n&lt;/div&gt;\n\n&lt;div\n class=\&quot;pf-v6-c-tabs pf-m-subtab pf-m-scrollable\&quot;\n role=\&quot;region\&quot;\n id=\&quot;tabs-with-sub-tabs-subtab\&quot;\n&gt;\n &lt;div class=\&quot;pf-v6-c-tabs__scroll-button\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Scroll left\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-angle-left\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/div&gt;\n &lt;ul class=\&quot;pf-v6-c-tabs__list\&quot; role=\&quot;tablist\&quot;&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;tabs-with-sub-tabs-subtab-sub-1-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Item 1&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;tabs-with-sub-tabs-subtab-sub-2-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Item 2&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-current\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;tabs-with-sub-tabs-subtab-sub-3-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Item 3&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;tabs-with-sub-tabs-subtab-sub-4-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Item 4&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;tabs-with-sub-tabs-subtab-sub-5-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Item 5&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;tabs-with-sub-tabs-subtab-sub-6-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Item 6&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;/ul&gt;\n\n &lt;div class=\&quot;pf-v6-c-tabs__scroll-button\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Scroll right\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-angle-right\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/div&gt;\n&lt;/div&gt;\n&quot;]}" ssr client="only" opts="{&quot;name&quot;:&quot;LiveExampleBase&quot;,&quot;value&quot;:&quot;react&quot;}"></astro-island>
455
- <h3 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3238" data-pf-content="true" class="pf-v6-c-content--h3">Box tabs with sub tabs example</h3>
455
+ <h3 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3066" data-pf-content="true" class="pf-v6-c-content--h3">Box tabs with sub tabs example</h3>
456
456
 
457
457
  <astro-island uid="ZLczbn" component-url="/_astro/LiveExample.LDgudiOh.js" component-export="LiveExample" renderer-url="/_astro/client.DN8ES6L5.js" props="{&quot;src&quot;:[0],&quot;html&quot;:[0,&quot;&lt;div\n class=\&quot;pf-v6-c-tabs pf-m-box pf-m-scrollable\&quot;\n role=\&quot;region\&quot;\n id=\&quot;box-tabs-with-sub-tabs\&quot;\n&gt;\n &lt;div class=\&quot;pf-v6-c-tabs__scroll-button\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Scroll left\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-angle-left\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/div&gt;\n &lt;ul class=\&quot;pf-v6-c-tabs__list\&quot; role=\&quot;tablist\&quot;&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;box-tabs-with-sub-tabs-users-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Users&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-current\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;box-tabs-with-sub-tabs-containers-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Containers&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;box-tabs-with-sub-tabs-database-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Database&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;box-tabs-with-sub-tabs-server-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Server&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;box-tabs-with-sub-tabs-system-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;System&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;box-tabs-with-sub-tabs-network-wired-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Network&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;/ul&gt;\n\n &lt;div class=\&quot;pf-v6-c-tabs__scroll-button\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Scroll right\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-angle-right\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/div&gt;\n&lt;/div&gt;\n\n&lt;div\n class=\&quot;pf-v6-c-tabs pf-m-subtab pf-m-scrollable\&quot;\n role=\&quot;region\&quot;\n id=\&quot;box-tabs-with-sub-tabs-subtab\&quot;\n&gt;\n &lt;div class=\&quot;pf-v6-c-tabs__scroll-button\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Scroll left\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-angle-left\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/div&gt;\n &lt;ul class=\&quot;pf-v6-c-tabs__list\&quot; role=\&quot;tablist\&quot;&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;box-tabs-with-sub-tabs-subtab-sub-1-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Item 1&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;box-tabs-with-sub-tabs-subtab-sub-2-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Item 2&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-current\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;box-tabs-with-sub-tabs-subtab-sub-3-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Item 3&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;box-tabs-with-sub-tabs-subtab-sub-4-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Item 4&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;box-tabs-with-sub-tabs-subtab-sub-5-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Item 5&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;box-tabs-with-sub-tabs-subtab-sub-6-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Item 6&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;/ul&gt;\n\n &lt;div class=\&quot;pf-v6-c-tabs__scroll-button\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Scroll right\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-angle-right\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/div&gt;\n&lt;/div&gt;\n&quot;]}" ssr client="only" opts="{&quot;name&quot;:&quot;LiveExampleBase&quot;,&quot;value&quot;:&quot;react&quot;}"></astro-island>
458
- <h2 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3239" data-pf-content="true" class="pf-v6-c-content--h2">Filled</h2>
459
- <h3 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3240" data-pf-content="true" class="pf-v6-c-content--h3">Filled tabs example</h3>
458
+ <h2 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3067" data-pf-content="true" class="pf-v6-c-content--h2">Filled</h2>
459
+ <h3 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3068" data-pf-content="true" class="pf-v6-c-content--h3">Filled tabs example</h3>
460
460
 
461
461
  <astro-island uid="1d0eda" component-url="/_astro/LiveExample.LDgudiOh.js" component-export="LiveExample" renderer-url="/_astro/client.DN8ES6L5.js" props="{&quot;src&quot;:[0],&quot;html&quot;:[0,&quot;&lt;div class=\&quot;pf-v6-c-tabs pf-m-fill\&quot; role=\&quot;region\&quot; id=\&quot;filled-tabs\&quot;&gt;\n &lt;div class=\&quot;pf-v6-c-tabs__scroll-button\&quot; aria-hidden=\&quot;true\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Scroll left\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-angle-left\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/div&gt;\n &lt;ul class=\&quot;pf-v6-c-tabs__list\&quot; role=\&quot;tablist\&quot;&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;filled-tabs-users-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Users&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-current\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;filled-tabs-containers-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Containers&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;filled-tabs-database-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Database&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;/ul&gt;\n\n &lt;div class=\&quot;pf-v6-c-tabs__scroll-button\&quot; aria-hidden=\&quot;true\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Scroll right\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-angle-right\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/div&gt;\n&lt;/div&gt;\n&quot;]}" ssr client="only" opts="{&quot;name&quot;:&quot;LiveExampleBase&quot;,&quot;value&quot;:&quot;react&quot;}"></astro-island>
462
- <h3 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3241" data-pf-content="true" class="pf-v6-c-content--h3">Filled with icons example</h3>
462
+ <h3 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3069" data-pf-content="true" class="pf-v6-c-content--h3">Filled with icons example</h3>
463
463
 
464
464
  <astro-island uid="Z1Xn0bf" component-url="/_astro/LiveExample.LDgudiOh.js" component-export="LiveExample" renderer-url="/_astro/client.DN8ES6L5.js" props="{&quot;src&quot;:[0],&quot;html&quot;:[0,&quot;&lt;div class=\&quot;pf-v6-c-tabs pf-m-fill\&quot; role=\&quot;region\&quot; id=\&quot;filled-with-icons\&quot;&gt;\n &lt;div class=\&quot;pf-v6-c-tabs__scroll-button\&quot; aria-hidden=\&quot;true\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Scroll left\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-angle-left\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/div&gt;\n &lt;ul class=\&quot;pf-v6-c-tabs__list\&quot; role=\&quot;tablist\&quot;&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;filled-with-icons-users-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-fas fa-users\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Users&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-current\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;filled-with-icons-containers-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-fas fa-box\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Containers&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;filled-with-icons-database-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-database\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Database&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;/ul&gt;\n\n &lt;div class=\&quot;pf-v6-c-tabs__scroll-button\&quot; aria-hidden=\&quot;true\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Scroll right\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-angle-right\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/div&gt;\n&lt;/div&gt;\n&quot;]}" ssr client="only" opts="{&quot;name&quot;:&quot;LiveExampleBase&quot;,&quot;value&quot;:&quot;react&quot;}"></astro-island>
465
- <h3 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3242" data-pf-content="true" class="pf-v6-c-content--h3">Filled box example</h3>
465
+ <h3 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3070" data-pf-content="true" class="pf-v6-c-content--h3">Filled box example</h3>
466
466
 
467
467
  <astro-island uid="Z1qc1bg" component-url="/_astro/LiveExample.LDgudiOh.js" component-export="LiveExample" renderer-url="/_astro/client.DN8ES6L5.js" props="{&quot;src&quot;:[0],&quot;html&quot;:[0,&quot;&lt;div class=\&quot;pf-v6-c-tabs pf-m-fill pf-m-box\&quot; role=\&quot;region\&quot; id=\&quot;filled-box\&quot;&gt;\n &lt;div class=\&quot;pf-v6-c-tabs__scroll-button\&quot; aria-hidden=\&quot;true\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Scroll left\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-angle-left\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/div&gt;\n &lt;ul class=\&quot;pf-v6-c-tabs__list\&quot; role=\&quot;tablist\&quot;&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;filled-box-users-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Users&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-current\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;filled-box-containers-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Containers&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;filled-box-database-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Database&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;/ul&gt;\n\n &lt;div class=\&quot;pf-v6-c-tabs__scroll-button\&quot; aria-hidden=\&quot;true\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Scroll right\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-angle-right\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/div&gt;\n&lt;/div&gt;\n&quot;]}" ssr client="only" opts="{&quot;name&quot;:&quot;LiveExampleBase&quot;,&quot;value&quot;:&quot;react&quot;}"></astro-island>
468
- <h3 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3243" data-pf-content="true" class="pf-v6-c-content--h3">Filled box with icons example</h3>
468
+ <h3 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3071" data-pf-content="true" class="pf-v6-c-content--h3">Filled box with icons example</h3>
469
469
 
470
470
  <astro-island uid="n0xrg" component-url="/_astro/LiveExample.LDgudiOh.js" component-export="LiveExample" renderer-url="/_astro/client.DN8ES6L5.js" props="{&quot;src&quot;:[0],&quot;html&quot;:[0,&quot;&lt;div\n class=\&quot;pf-v6-c-tabs pf-m-fill pf-m-box\&quot;\n role=\&quot;region\&quot;\n id=\&quot;filled-box-with-icons\&quot;\n&gt;\n &lt;div class=\&quot;pf-v6-c-tabs__scroll-button\&quot; aria-hidden=\&quot;true\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Scroll left\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-angle-left\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/div&gt;\n &lt;ul class=\&quot;pf-v6-c-tabs__list\&quot; role=\&quot;tablist\&quot;&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;filled-box-with-icons-users-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-fas fa-users\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Users&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-current\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;filled-box-with-icons-containers-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-fas fa-box\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Containers&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;filled-box-with-icons-database-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-database\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Database&lt;/span&gt;\n &lt;/button&gt;\n &lt;/li&gt;\n &lt;/ul&gt;\n\n &lt;div class=\&quot;pf-v6-c-tabs__scroll-button\&quot; aria-hidden=\&quot;true\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Scroll right\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-angle-right\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/div&gt;\n&lt;/div&gt;\n&quot;]}" ssr client="only" opts="{&quot;name&quot;:&quot;LiveExampleBase&quot;,&quot;value&quot;:&quot;react&quot;}"></astro-island>
471
- <h3 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3244" data-pf-content="true" class="pf-v6-c-content--h3">Filled usage</h3>
471
+ <h3 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3072" data-pf-content="true" class="pf-v6-c-content--h3">Filled usage</h3>
472
472
 
473
473
 
474
474
 
@@ -485,42 +485,42 @@
485
485
 
486
486
 
487
487
  <table><thead><tr><th>Class</th><th>Applied to</th><th>Outcome</th></tr></thead><tbody><tr><td><code>.pf-m-fill</code></td><td><code>.pf-v6-c-tabs</code></td><td>Modifies the tabs to fill the available space. <strong>Required</strong></td></tr></tbody></table>
488
- <h2 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3245" data-pf-content="true" class="pf-v6-c-content--h2">Tabs as navigation</h2>
489
- <h3 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3246" data-pf-content="true" class="pf-v6-c-content--h3">Using the nav element example</h3>
488
+ <h2 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3073" data-pf-content="true" class="pf-v6-c-content--h2">Tabs as navigation</h2>
489
+ <h3 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3074" data-pf-content="true" class="pf-v6-c-content--h3">Using the nav element example</h3>
490
490
 
491
491
  <astro-island uid="Z1mlCil" component-url="/_astro/LiveExample.LDgudiOh.js" component-export="LiveExample" renderer-url="/_astro/client.DN8ES6L5.js" props="{&quot;src&quot;:[0],&quot;html&quot;:[0,&quot;&lt;nav\n class=\&quot;pf-v6-c-tabs pf-m-scrollable\&quot;\n aria-label=\&quot;Tabs nav\&quot;\n role=\&quot;region\&quot;\n id=\&quot;using-the-nav-element\&quot;\n&gt;\n &lt;div class=\&quot;pf-v6-c-tabs__scroll-button\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Scroll left\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-angle-left\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/div&gt;\n &lt;ul class=\&quot;pf-v6-c-tabs__list\&quot; role=\&quot;tablist\&quot;&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;a\n class=\&quot;pf-v6-c-tabs__link\&quot;\n href=\&quot;#\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;using-the-nav-element-users-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Users&lt;/span&gt;\n &lt;/a&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-current\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;a\n class=\&quot;pf-v6-c-tabs__link\&quot;\n href=\&quot;#\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;using-the-nav-element-containers-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Containers&lt;/span&gt;\n &lt;/a&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;a\n class=\&quot;pf-v6-c-tabs__link\&quot;\n href=\&quot;#\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;using-the-nav-element-database-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Database&lt;/span&gt;\n &lt;/a&gt;\n &lt;/li&gt;\n\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;a\n class=\&quot;pf-v6-c-tabs__link pf-m-disabled\&quot;\n aria-disabled=\&quot;true\&quot;\n tabindex=\&quot;-1\&quot;\n href=\&quot;#\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;using-the-nav-element-disabled-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Disabled&lt;/span&gt;\n &lt;/a&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;a\n class=\&quot;pf-v6-c-tabs__link pf-m-aria-disabled\&quot;\n aria-disabled=\&quot;true\&quot;\n href=\&quot;#\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;using-the-nav-element-aria-disabled-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;ARIA disabled&lt;/span&gt;\n &lt;/a&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;a\n class=\&quot;pf-v6-c-tabs__link\&quot;\n href=\&quot;#\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;using-the-nav-element-network-wired-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Network&lt;/span&gt;\n &lt;/a&gt;\n &lt;/li&gt;\n &lt;/ul&gt;\n\n &lt;div class=\&quot;pf-v6-c-tabs__scroll-button\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Scroll right\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-angle-right\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/div&gt;\n&lt;/nav&gt;\n&quot;]}" ssr client="only" opts="{&quot;name&quot;:&quot;LiveExampleBase&quot;,&quot;value&quot;:&quot;react&quot;}"></astro-island>
492
- <h3 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3247" data-pf-content="true" class="pf-v6-c-content--h3">Sub tabs using the nav element example</h3>
492
+ <h3 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3075" data-pf-content="true" class="pf-v6-c-content--h3">Sub tabs using the nav element example</h3>
493
493
 
494
494
  <astro-island uid="1QMOeV" component-url="/_astro/LiveExample.LDgudiOh.js" component-export="LiveExample" renderer-url="/_astro/client.DN8ES6L5.js" props="{&quot;src&quot;:[0],&quot;html&quot;:[0,&quot;&lt;nav\n class=\&quot;pf-v6-c-tabs\&quot;\n aria-label=\&quot;Tabs primary nav\&quot;\n role=\&quot;region\&quot;\n id=\&quot;sub-tabs-using-the-nav-element\&quot;\n&gt;\n &lt;div class=\&quot;pf-v6-c-tabs__scroll-button\&quot; aria-hidden=\&quot;true\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Scroll left\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-angle-left\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/div&gt;\n &lt;ul class=\&quot;pf-v6-c-tabs__list\&quot; role=\&quot;tablist\&quot;&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;a\n class=\&quot;pf-v6-c-tabs__link\&quot;\n href=\&quot;#\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;sub-tabs-using-the-nav-element-users-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Users&lt;/span&gt;\n &lt;/a&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-current\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;a\n class=\&quot;pf-v6-c-tabs__link\&quot;\n href=\&quot;#\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;sub-tabs-using-the-nav-element-containers-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Containers&lt;/span&gt;\n &lt;/a&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;a\n class=\&quot;pf-v6-c-tabs__link\&quot;\n href=\&quot;#\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;sub-tabs-using-the-nav-element-database-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Database&lt;/span&gt;\n &lt;/a&gt;\n &lt;/li&gt;\n\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;a\n class=\&quot;pf-v6-c-tabs__link\&quot;\n href=\&quot;#\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;sub-tabs-using-the-nav-element-server-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Server&lt;/span&gt;\n &lt;/a&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;a\n class=\&quot;pf-v6-c-tabs__link\&quot;\n href=\&quot;#\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;sub-tabs-using-the-nav-element-system-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;System&lt;/span&gt;\n &lt;/a&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;a\n class=\&quot;pf-v6-c-tabs__link\&quot;\n href=\&quot;#\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;sub-tabs-using-the-nav-element-network-wired-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Network&lt;/span&gt;\n &lt;/a&gt;\n &lt;/li&gt;\n &lt;/ul&gt;\n\n &lt;div class=\&quot;pf-v6-c-tabs__scroll-button\&quot; aria-hidden=\&quot;true\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Scroll right\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-angle-right\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/div&gt;\n&lt;/nav&gt;\n\n&lt;nav\n class=\&quot;pf-v6-c-tabs pf-m-subtab\&quot;\n aria-label=\&quot;Tabs subtab nav\&quot;\n role=\&quot;region\&quot;\n id=\&quot;sub-tabs-using-the-nav-element-subtab\&quot;\n&gt;\n &lt;div class=\&quot;pf-v6-c-tabs__scroll-button\&quot; aria-hidden=\&quot;true\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Scroll left\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-angle-left\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/div&gt;\n &lt;ul class=\&quot;pf-v6-c-tabs__list\&quot; role=\&quot;tablist\&quot;&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;a\n class=\&quot;pf-v6-c-tabs__link\&quot;\n href=\&quot;#\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;sub-tabs-using-the-nav-element-subtab-sub-1-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Item 1&lt;/span&gt;\n &lt;/a&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;a\n class=\&quot;pf-v6-c-tabs__link\&quot;\n href=\&quot;#\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;sub-tabs-using-the-nav-element-subtab-sub-2-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Item 2&lt;/span&gt;\n &lt;/a&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-current\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;a\n class=\&quot;pf-v6-c-tabs__link\&quot;\n href=\&quot;#\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;sub-tabs-using-the-nav-element-subtab-sub-3-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Item 3&lt;/span&gt;\n &lt;/a&gt;\n &lt;/li&gt;\n\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;a\n class=\&quot;pf-v6-c-tabs__link pf-m-disabled\&quot;\n aria-disabled=\&quot;true\&quot;\n tabindex=\&quot;-1\&quot;\n href=\&quot;#\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;sub-tabs-using-the-nav-element-subtab-sub-disabled-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Disabled&lt;/span&gt;\n &lt;/a&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;a\n class=\&quot;pf-v6-c-tabs__link pf-m-aria-disabled\&quot;\n aria-disabled=\&quot;true\&quot;\n href=\&quot;#\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;sub-tabs-using-the-nav-element-subtab-sub-aria-disabled-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;ARIA disabled&lt;/span&gt;\n &lt;/a&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;a\n class=\&quot;pf-v6-c-tabs__link\&quot;\n href=\&quot;#\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;sub-tabs-using-the-nav-element-subtab-sub-6-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Item 6&lt;/span&gt;\n &lt;/a&gt;\n &lt;/li&gt;\n &lt;/ul&gt;\n\n &lt;div class=\&quot;pf-v6-c-tabs__scroll-button\&quot; aria-hidden=\&quot;true\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Scroll right\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-angle-right\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/div&gt;\n&lt;/nav&gt;\n&quot;]}" ssr client="only" opts="{&quot;name&quot;:&quot;LiveExampleBase&quot;,&quot;value&quot;:&quot;react&quot;}"></astro-island>
495
- <h2 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3248" data-pf-content="true" class="pf-v6-c-content--h2">Tab item actions</h2>
496
- <h3 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3249" data-pf-content="true" class="pf-v6-c-content--h3">Help button example</h3>
495
+ <h2 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3076" data-pf-content="true" class="pf-v6-c-content--h2">Tab item actions</h2>
496
+ <h3 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3077" data-pf-content="true" class="pf-v6-c-content--h3">Help button example</h3>
497
497
 
498
498
  <astro-island uid="Z1HhhWm" component-url="/_astro/LiveExample.LDgudiOh.js" component-export="LiveExample" renderer-url="/_astro/client.DN8ES6L5.js" props="{&quot;src&quot;:[0],&quot;html&quot;:[0,&quot;&lt;div\n class=\&quot;pf-v6-c-tabs pf-m-scrollable\&quot;\n role=\&quot;region\&quot;\n id=\&quot;help-button-default-example\&quot;\n&gt;\n &lt;div class=\&quot;pf-v6-c-tabs__scroll-button\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Scroll left\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-angle-left\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/div&gt;\n &lt;ul class=\&quot;pf-v6-c-tabs__list\&quot; role=\&quot;tablist\&quot;&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;help-button-default-example-users-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Users&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for Users label\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-current pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;help-button-default-example-containers-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Containers&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for Containers label\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;help-button-default-example-database-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Database&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for Database label\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n\n &lt;li\n class=\&quot;pf-v6-c-tabs__item pf-m-action pf-m-disabled\&quot;\n role=\&quot;presentation\&quot;\n &gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n disabled\n role=\&quot;tab\&quot;\n id=\&quot;help-button-default-example-disabled-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Disabled&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for Disabled label\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li\n class=\&quot;pf-v6-c-tabs__item pf-m-action pf-m-disabled\&quot;\n role=\&quot;presentation\&quot;\n &gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link pf-m-aria-disabled\&quot;\n aria-disabled=\&quot;true\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;help-button-default-example-aria-disabled-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;ARIA disabled&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-aria-disabled pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for ARIA disabled label\&quot;\n aria-disabled=\&quot;true\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li\n class=\&quot;pf-v6-c-tabs__item pf-m-action pf-m-disabled\&quot;\n role=\&quot;presentation\&quot;\n &gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n disabled\n role=\&quot;tab\&quot;\n id=\&quot;help-button-default-example-help-disabled-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Help disabled&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for Help disabled label\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;help-button-default-example-network-wired-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Network&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for Network label\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;/ul&gt;\n\n &lt;div class=\&quot;pf-v6-c-tabs__scroll-button\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Scroll right\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-angle-right\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/div&gt;\n&lt;/div&gt;\n\n&lt;br /&gt;\n&lt;br /&gt;\n\n&lt;div\n class=\&quot;pf-v6-c-tabs pf-m-box pf-m-scrollable\&quot;\n role=\&quot;region\&quot;\n id=\&quot;help-button-box-example\&quot;\n&gt;\n &lt;div class=\&quot;pf-v6-c-tabs__scroll-button\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Scroll left\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-angle-left\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/div&gt;\n &lt;ul class=\&quot;pf-v6-c-tabs__list\&quot; role=\&quot;tablist\&quot;&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;help-button-box-example-users-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Users&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for Users label\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-current pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;help-button-box-example-containers-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Containers&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for Containers label\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;help-button-box-example-database-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Database&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for Database label\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n\n &lt;li\n class=\&quot;pf-v6-c-tabs__item pf-m-action pf-m-disabled\&quot;\n role=\&quot;presentation\&quot;\n &gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n disabled\n role=\&quot;tab\&quot;\n id=\&quot;help-button-box-example-disabled-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Disabled&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for Disabled label\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li\n class=\&quot;pf-v6-c-tabs__item pf-m-action pf-m-disabled\&quot;\n role=\&quot;presentation\&quot;\n &gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link pf-m-aria-disabled\&quot;\n aria-disabled=\&quot;true\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;help-button-box-example-aria-disabled-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;ARIA disabled&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-aria-disabled pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for ARIA disabled label\&quot;\n aria-disabled=\&quot;true\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li\n class=\&quot;pf-v6-c-tabs__item pf-m-action pf-m-disabled\&quot;\n role=\&quot;presentation\&quot;\n &gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n disabled\n role=\&quot;tab\&quot;\n id=\&quot;help-button-box-example-help-disabled-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Help disabled&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for Help disabled label\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;help-button-box-example-network-wired-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Network&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for Network label\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;/ul&gt;\n\n &lt;div class=\&quot;pf-v6-c-tabs__scroll-button\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Scroll right\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-angle-right\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/div&gt;\n&lt;/div&gt;\n\n&lt;br /&gt;\n&lt;br /&gt;\n\n&lt;div\n class=\&quot;pf-v6-c-tabs pf-m-box pf-m-secondary pf-m-scrollable\&quot;\n role=\&quot;region\&quot;\n id=\&quot;help-button-box-secondary-example\&quot;\n&gt;\n &lt;div class=\&quot;pf-v6-c-tabs__scroll-button\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Scroll left\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-angle-left\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/div&gt;\n &lt;ul class=\&quot;pf-v6-c-tabs__list\&quot; role=\&quot;tablist\&quot;&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;help-button-box-secondary-example-users-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Users&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for Users label\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-current pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;help-button-box-secondary-example-containers-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Containers&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for Containers label\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;help-button-box-secondary-example-database-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Database&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for Database label\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n\n &lt;li\n class=\&quot;pf-v6-c-tabs__item pf-m-action pf-m-disabled\&quot;\n role=\&quot;presentation\&quot;\n &gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n disabled\n role=\&quot;tab\&quot;\n id=\&quot;help-button-box-secondary-example-disabled-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Disabled&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for Disabled label\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li\n class=\&quot;pf-v6-c-tabs__item pf-m-action pf-m-disabled\&quot;\n role=\&quot;presentation\&quot;\n &gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link pf-m-aria-disabled\&quot;\n aria-disabled=\&quot;true\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;help-button-box-secondary-example-aria-disabled-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;ARIA disabled&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-aria-disabled pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for ARIA disabled label\&quot;\n aria-disabled=\&quot;true\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li\n class=\&quot;pf-v6-c-tabs__item pf-m-action pf-m-disabled\&quot;\n role=\&quot;presentation\&quot;\n &gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n disabled\n role=\&quot;tab\&quot;\n id=\&quot;help-button-box-secondary-example-help-disabled-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Help disabled&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for Help disabled label\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;help-button-box-secondary-example-network-wired-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Network&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for Network label\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;/ul&gt;\n\n &lt;div class=\&quot;pf-v6-c-tabs__scroll-button\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Scroll right\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-angle-right\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/div&gt;\n&lt;/div&gt;\n\n&lt;br /&gt;\n&lt;br /&gt;\n\n&lt;div\n class=\&quot;pf-v6-c-tabs pf-m-scrollable\&quot;\n role=\&quot;region\&quot;\n id=\&quot;help-button-icons-text-example\&quot;\n&gt;\n &lt;div class=\&quot;pf-v6-c-tabs__scroll-button\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Scroll left\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-angle-left\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/div&gt;\n &lt;ul class=\&quot;pf-v6-c-tabs__list\&quot; role=\&quot;tablist\&quot;&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;help-button-icons-text-example-users-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-fas fa-users\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Users&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for Users label\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-current pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;help-button-icons-text-example-containers-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-fas fa-box\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Containers&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for Containers label\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;help-button-icons-text-example-database-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-database\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Database&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for Database label\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n\n &lt;li\n class=\&quot;pf-v6-c-tabs__item pf-m-action pf-m-disabled\&quot;\n role=\&quot;presentation\&quot;\n &gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n disabled\n role=\&quot;tab\&quot;\n id=\&quot;help-button-icons-text-example-disabled-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-server\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Disabled&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for Disabled label\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li\n class=\&quot;pf-v6-c-tabs__item pf-m-action pf-m-disabled\&quot;\n role=\&quot;presentation\&quot;\n &gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link pf-m-aria-disabled\&quot;\n aria-disabled=\&quot;true\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;help-button-icons-text-example-aria-disabled-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-laptop\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;ARIA disabled&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-aria-disabled pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for ARIA disabled label\&quot;\n aria-disabled=\&quot;true\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li\n class=\&quot;pf-v6-c-tabs__item pf-m-action pf-m-disabled\&quot;\n role=\&quot;presentation\&quot;\n &gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n disabled\n role=\&quot;tab\&quot;\n id=\&quot;help-button-icons-text-example-help-disabled-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-download\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Help disabled&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for Help disabled label\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;help-button-icons-text-example-network-wired-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-project-diagram\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Network&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for Network label\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;/ul&gt;\n\n &lt;div class=\&quot;pf-v6-c-tabs__scroll-button\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Scroll right\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-angle-right\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/div&gt;\n&lt;/div&gt;\n\n&lt;br /&gt;\n&lt;br /&gt;\n\n&lt;div\n class=\&quot;pf-v6-c-tabs pf-m-fill\&quot;\n role=\&quot;region\&quot;\n id=\&quot;help-button-filled-example\&quot;\n&gt;\n &lt;div class=\&quot;pf-v6-c-tabs__scroll-button\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Scroll left\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-angle-left\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/div&gt;\n &lt;ul class=\&quot;pf-v6-c-tabs__list\&quot; role=\&quot;tablist\&quot;&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;help-button-filled-example-users-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Users&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for Users label\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-current pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;help-button-filled-example-containers-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Containers&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for Containers label\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;help-button-filled-example-database-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Database&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for Database label\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;/ul&gt;\n\n &lt;div class=\&quot;pf-v6-c-tabs__scroll-button\&quot; aria-hidden=\&quot;true\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Scroll right\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-angle-right\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/div&gt;\n&lt;/div&gt;\n\n&lt;br /&gt;\n&lt;br /&gt;\n\n&lt;div\n class=\&quot;pf-v6-c-tabs pf-m-scrollable\&quot;\n role=\&quot;region\&quot;\n id=\&quot;help-button-secondary-primary-example\&quot;\n&gt;\n &lt;div class=\&quot;pf-v6-c-tabs__scroll-button\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Scroll left\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-angle-left\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/div&gt;\n &lt;ul class=\&quot;pf-v6-c-tabs__list\&quot; role=\&quot;tablist\&quot;&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;help-button-secondary-primary-example-users-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Users&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for Users label\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-current pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;help-button-secondary-primary-example-containers-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Containers&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for Containers label\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;help-button-secondary-primary-example-database-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Database&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for Database label\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n\n &lt;li\n class=\&quot;pf-v6-c-tabs__item pf-m-action pf-m-disabled\&quot;\n role=\&quot;presentation\&quot;\n &gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n disabled\n role=\&quot;tab\&quot;\n id=\&quot;help-button-secondary-primary-example-disabled-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Disabled&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for Disabled label\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li\n class=\&quot;pf-v6-c-tabs__item pf-m-action pf-m-disabled\&quot;\n role=\&quot;presentation\&quot;\n &gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link pf-m-aria-disabled\&quot;\n aria-disabled=\&quot;true\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;help-button-secondary-primary-example-aria-disabled-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;ARIA disabled&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-aria-disabled pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for ARIA disabled label\&quot;\n aria-disabled=\&quot;true\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li\n class=\&quot;pf-v6-c-tabs__item pf-m-action pf-m-disabled\&quot;\n role=\&quot;presentation\&quot;\n &gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n disabled\n role=\&quot;tab\&quot;\n id=\&quot;help-button-secondary-primary-example-help-disabled-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Help disabled&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for Help disabled label\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;help-button-secondary-primary-example-network-wired-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Network&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for Network label\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;/ul&gt;\n\n &lt;div class=\&quot;pf-v6-c-tabs__scroll-button\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Scroll right\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-angle-right\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/div&gt;\n&lt;/div&gt;\n&lt;div\n class=\&quot;pf-v6-c-tabs pf-m-subtab pf-m-scrollable\&quot;\n role=\&quot;region\&quot;\n id=\&quot;help-button-secondary-secondary-example\&quot;\n&gt;\n &lt;div class=\&quot;pf-v6-c-tabs__scroll-button\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Scroll left\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-angle-left\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/div&gt;\n &lt;ul class=\&quot;pf-v6-c-tabs__list\&quot; role=\&quot;tablist\&quot;&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;help-button-secondary-secondary-example-users-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Users&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for Users label\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-current pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;help-button-secondary-secondary-example-containers-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Containers&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for Containers label\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;help-button-secondary-secondary-example-database-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Database&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for Database label\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n\n &lt;li\n class=\&quot;pf-v6-c-tabs__item pf-m-action pf-m-disabled\&quot;\n role=\&quot;presentation\&quot;\n &gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n disabled\n role=\&quot;tab\&quot;\n id=\&quot;help-button-secondary-secondary-example-disabled-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Disabled&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for Disabled label\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li\n class=\&quot;pf-v6-c-tabs__item pf-m-action pf-m-disabled\&quot;\n role=\&quot;presentation\&quot;\n &gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link pf-m-aria-disabled\&quot;\n aria-disabled=\&quot;true\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;help-button-secondary-secondary-example-aria-disabled-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;ARIA disabled&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-aria-disabled pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for ARIA disabled label\&quot;\n aria-disabled=\&quot;true\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li\n class=\&quot;pf-v6-c-tabs__item pf-m-action pf-m-disabled\&quot;\n role=\&quot;presentation\&quot;\n &gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n disabled\n role=\&quot;tab\&quot;\n id=\&quot;help-button-secondary-secondary-example-help-disabled-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Help disabled&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for Help disabled label\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;help-button-secondary-secondary-example-network-wired-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Network&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for Network label\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;/ul&gt;\n\n &lt;div class=\&quot;pf-v6-c-tabs__scroll-button\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Scroll right\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-angle-right\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/div&gt;\n&lt;/div&gt;\n&quot;]}" ssr client="only" opts="{&quot;name&quot;:&quot;LiveExampleBase&quot;,&quot;value&quot;:&quot;react&quot;}"></astro-island>
499
- <h3 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3250" data-pf-content="true" class="pf-v6-c-content--h3">Close button example</h3>
499
+ <h3 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3078" data-pf-content="true" class="pf-v6-c-content--h3">Close button example</h3>
500
500
 
501
501
  <astro-island uid="2aYp42" component-url="/_astro/LiveExample.LDgudiOh.js" component-export="LiveExample" renderer-url="/_astro/client.DN8ES6L5.js" props="{&quot;src&quot;:[0],&quot;html&quot;:[0,&quot;&lt;div\n class=\&quot;pf-v6-c-tabs pf-m-scrollable\&quot;\n role=\&quot;region\&quot;\n id=\&quot;close-button-default-example\&quot;\n&gt;\n &lt;div class=\&quot;pf-v6-c-tabs__scroll-button\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Scroll left\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-angle-left\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/div&gt;\n &lt;ul class=\&quot;pf-v6-c-tabs__list\&quot; role=\&quot;tablist\&quot;&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;close-button-default-example-users-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Users&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Users\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-current pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;close-button-default-example-containers-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Containers&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Containers\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;close-button-default-example-database-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Database&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Database\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n\n &lt;li\n class=\&quot;pf-v6-c-tabs__item pf-m-action pf-m-disabled\&quot;\n role=\&quot;presentation\&quot;\n &gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n disabled\n role=\&quot;tab\&quot;\n id=\&quot;close-button-default-example-disabled-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Disabled&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Disabled\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li\n class=\&quot;pf-v6-c-tabs__item pf-m-action pf-m-disabled\&quot;\n role=\&quot;presentation\&quot;\n &gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link pf-m-aria-disabled\&quot;\n aria-disabled=\&quot;true\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;close-button-default-example-aria-disabled-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;ARIA disabled&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-aria-disabled pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close ARIA disabled\&quot;\n aria-disabled=\&quot;true\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li\n class=\&quot;pf-v6-c-tabs__item pf-m-action pf-m-disabled\&quot;\n role=\&quot;presentation\&quot;\n &gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n disabled\n role=\&quot;tab\&quot;\n id=\&quot;close-button-default-example-close-disabled-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Close disabled&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Close disabled\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;close-button-default-example-network-wired-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Network&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Network\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;/ul&gt;\n\n &lt;div class=\&quot;pf-v6-c-tabs__scroll-button\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Scroll right\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-angle-right\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/div&gt;\n&lt;/div&gt;\n\n&lt;br /&gt;\n&lt;br /&gt;\n\n&lt;div\n class=\&quot;pf-v6-c-tabs pf-m-box pf-m-scrollable\&quot;\n role=\&quot;region\&quot;\n id=\&quot;close-button-box-example\&quot;\n&gt;\n &lt;div class=\&quot;pf-v6-c-tabs__scroll-button\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Scroll left\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-angle-left\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/div&gt;\n &lt;ul class=\&quot;pf-v6-c-tabs__list\&quot; role=\&quot;tablist\&quot;&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;close-button-box-example-users-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Users&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Users\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-current pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;close-button-box-example-containers-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Containers&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Containers\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;close-button-box-example-database-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Database&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Database\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n\n &lt;li\n class=\&quot;pf-v6-c-tabs__item pf-m-action pf-m-disabled\&quot;\n role=\&quot;presentation\&quot;\n &gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n disabled\n role=\&quot;tab\&quot;\n id=\&quot;close-button-box-example-disabled-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Disabled&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Disabled\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li\n class=\&quot;pf-v6-c-tabs__item pf-m-action pf-m-disabled\&quot;\n role=\&quot;presentation\&quot;\n &gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link pf-m-aria-disabled\&quot;\n aria-disabled=\&quot;true\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;close-button-box-example-aria-disabled-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;ARIA disabled&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-aria-disabled pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close ARIA disabled\&quot;\n aria-disabled=\&quot;true\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li\n class=\&quot;pf-v6-c-tabs__item pf-m-action pf-m-disabled\&quot;\n role=\&quot;presentation\&quot;\n &gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n disabled\n role=\&quot;tab\&quot;\n id=\&quot;close-button-box-example-close-disabled-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Close disabled&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Close disabled\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;close-button-box-example-network-wired-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Network&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Network\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;/ul&gt;\n\n &lt;div class=\&quot;pf-v6-c-tabs__scroll-button\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Scroll right\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-angle-right\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/div&gt;\n&lt;/div&gt;\n\n&lt;br /&gt;\n&lt;br /&gt;\n\n&lt;div\n class=\&quot;pf-v6-c-tabs pf-m-box pf-m-secondary pf-m-scrollable\&quot;\n role=\&quot;region\&quot;\n id=\&quot;close-button-box-secondary-example\&quot;\n&gt;\n &lt;div class=\&quot;pf-v6-c-tabs__scroll-button\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Scroll left\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-angle-left\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/div&gt;\n &lt;ul class=\&quot;pf-v6-c-tabs__list\&quot; role=\&quot;tablist\&quot;&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;close-button-box-secondary-example-users-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Users&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Users\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-current pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;close-button-box-secondary-example-containers-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Containers&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Containers\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;close-button-box-secondary-example-database-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Database&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Database\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n\n &lt;li\n class=\&quot;pf-v6-c-tabs__item pf-m-action pf-m-disabled\&quot;\n role=\&quot;presentation\&quot;\n &gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n disabled\n role=\&quot;tab\&quot;\n id=\&quot;close-button-box-secondary-example-disabled-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Disabled&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Disabled\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li\n class=\&quot;pf-v6-c-tabs__item pf-m-action pf-m-disabled\&quot;\n role=\&quot;presentation\&quot;\n &gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link pf-m-aria-disabled\&quot;\n aria-disabled=\&quot;true\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;close-button-box-secondary-example-aria-disabled-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;ARIA disabled&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-aria-disabled pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close ARIA disabled\&quot;\n aria-disabled=\&quot;true\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li\n class=\&quot;pf-v6-c-tabs__item pf-m-action pf-m-disabled\&quot;\n role=\&quot;presentation\&quot;\n &gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n disabled\n role=\&quot;tab\&quot;\n id=\&quot;close-button-box-secondary-example-close-disabled-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Close disabled&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Close disabled\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;close-button-box-secondary-example-network-wired-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Network&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Network\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;/ul&gt;\n\n &lt;div class=\&quot;pf-v6-c-tabs__scroll-button\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Scroll right\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-angle-right\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/div&gt;\n&lt;/div&gt;\n\n&lt;br /&gt;\n&lt;br /&gt;\n\n&lt;div\n class=\&quot;pf-v6-c-tabs pf-m-scrollable\&quot;\n role=\&quot;region\&quot;\n id=\&quot;close-button-icons-text-example\&quot;\n&gt;\n &lt;div class=\&quot;pf-v6-c-tabs__scroll-button\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Scroll left\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-angle-left\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/div&gt;\n &lt;ul class=\&quot;pf-v6-c-tabs__list\&quot; role=\&quot;tablist\&quot;&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;close-button-icons-text-example-users-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-fas fa-users\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Users&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Users\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-current pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;close-button-icons-text-example-containers-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-fas fa-box\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Containers&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Containers\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;close-button-icons-text-example-database-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-database\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Database&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Database\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n\n &lt;li\n class=\&quot;pf-v6-c-tabs__item pf-m-action pf-m-disabled\&quot;\n role=\&quot;presentation\&quot;\n &gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n disabled\n role=\&quot;tab\&quot;\n id=\&quot;close-button-icons-text-example-disabled-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-server\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Disabled&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Disabled\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li\n class=\&quot;pf-v6-c-tabs__item pf-m-action pf-m-disabled\&quot;\n role=\&quot;presentation\&quot;\n &gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link pf-m-aria-disabled\&quot;\n aria-disabled=\&quot;true\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;close-button-icons-text-example-aria-disabled-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-laptop\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;ARIA disabled&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-aria-disabled pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close ARIA disabled\&quot;\n aria-disabled=\&quot;true\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li\n class=\&quot;pf-v6-c-tabs__item pf-m-action pf-m-disabled\&quot;\n role=\&quot;presentation\&quot;\n &gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n disabled\n role=\&quot;tab\&quot;\n id=\&quot;close-button-icons-text-example-close-disabled-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-code\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Close disabled&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Close disabled\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;close-button-icons-text-example-network-wired-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-project-diagram\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Network&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Network\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;/ul&gt;\n\n &lt;div class=\&quot;pf-v6-c-tabs__scroll-button\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Scroll right\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-angle-right\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/div&gt;\n&lt;/div&gt;\n\n&lt;br /&gt;\n&lt;br /&gt;\n\n&lt;div\n class=\&quot;pf-v6-c-tabs pf-m-fill\&quot;\n role=\&quot;region\&quot;\n id=\&quot;close-button-filled-example\&quot;\n&gt;\n &lt;div class=\&quot;pf-v6-c-tabs__scroll-button\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Scroll left\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-angle-left\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/div&gt;\n &lt;ul class=\&quot;pf-v6-c-tabs__list\&quot; role=\&quot;tablist\&quot;&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;close-button-filled-example-users-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Users&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Users\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-current pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;close-button-filled-example-containers-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Containers&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Containers\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;close-button-filled-example-database-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Database&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Database\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;/ul&gt;\n\n &lt;div class=\&quot;pf-v6-c-tabs__scroll-button\&quot; aria-hidden=\&quot;true\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Scroll right\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-angle-right\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/div&gt;\n&lt;/div&gt;\n\n&lt;br /&gt;\n&lt;br /&gt;\n\n&lt;div\n class=\&quot;pf-v6-c-tabs pf-m-scrollable\&quot;\n role=\&quot;region\&quot;\n id=\&quot;close-button-secondary-primary-example\&quot;\n&gt;\n &lt;div class=\&quot;pf-v6-c-tabs__scroll-button\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Scroll left\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-angle-left\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/div&gt;\n &lt;ul class=\&quot;pf-v6-c-tabs__list\&quot; role=\&quot;tablist\&quot;&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;close-button-secondary-primary-example-users-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Users&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Users\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-current pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;close-button-secondary-primary-example-containers-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Containers&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Containers\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;close-button-secondary-primary-example-database-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Database&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Database\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n\n &lt;li\n class=\&quot;pf-v6-c-tabs__item pf-m-action pf-m-disabled\&quot;\n role=\&quot;presentation\&quot;\n &gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n disabled\n role=\&quot;tab\&quot;\n id=\&quot;close-button-secondary-primary-example-disabled-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Disabled&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Disabled\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li\n class=\&quot;pf-v6-c-tabs__item pf-m-action pf-m-disabled\&quot;\n role=\&quot;presentation\&quot;\n &gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link pf-m-aria-disabled\&quot;\n aria-disabled=\&quot;true\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;close-button-secondary-primary-example-aria-disabled-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;ARIA disabled&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-aria-disabled pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close ARIA disabled\&quot;\n aria-disabled=\&quot;true\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li\n class=\&quot;pf-v6-c-tabs__item pf-m-action pf-m-disabled\&quot;\n role=\&quot;presentation\&quot;\n &gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n disabled\n role=\&quot;tab\&quot;\n id=\&quot;close-button-secondary-primary-example-close-disabled-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Close disabled&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Close disabled\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;close-button-secondary-primary-example-network-wired-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Network&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Network\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;/ul&gt;\n\n &lt;div class=\&quot;pf-v6-c-tabs__scroll-button\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Scroll right\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-angle-right\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/div&gt;\n&lt;/div&gt;\n&lt;div\n class=\&quot;pf-v6-c-tabs pf-m-subtab pf-m-scrollable\&quot;\n role=\&quot;region\&quot;\n id=\&quot;close-button-secondary-secondary-example\&quot;\n&gt;\n &lt;div class=\&quot;pf-v6-c-tabs__scroll-button\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Scroll left\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-angle-left\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/div&gt;\n &lt;ul class=\&quot;pf-v6-c-tabs__list\&quot; role=\&quot;tablist\&quot;&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;close-button-secondary-secondary-example-users-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Users&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Users\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-current pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;close-button-secondary-secondary-example-containers-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Containers&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Containers\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;close-button-secondary-secondary-example-database-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Database&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Database\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n\n &lt;li\n class=\&quot;pf-v6-c-tabs__item pf-m-action pf-m-disabled\&quot;\n role=\&quot;presentation\&quot;\n &gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n disabled\n role=\&quot;tab\&quot;\n id=\&quot;close-button-secondary-secondary-example-disabled-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Disabled&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Disabled\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li\n class=\&quot;pf-v6-c-tabs__item pf-m-action pf-m-disabled\&quot;\n role=\&quot;presentation\&quot;\n &gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link pf-m-aria-disabled\&quot;\n aria-disabled=\&quot;true\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;close-button-secondary-secondary-example-aria-disabled-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;ARIA disabled&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-aria-disabled pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close ARIA disabled\&quot;\n aria-disabled=\&quot;true\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li\n class=\&quot;pf-v6-c-tabs__item pf-m-action pf-m-disabled\&quot;\n role=\&quot;presentation\&quot;\n &gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n disabled\n role=\&quot;tab\&quot;\n id=\&quot;close-button-secondary-secondary-example-close-disabled-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Close disabled&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Close disabled\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;close-button-secondary-secondary-example-network-wired-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Network&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Network\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;/ul&gt;\n\n &lt;div class=\&quot;pf-v6-c-tabs__scroll-button\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Scroll right\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-angle-right\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/div&gt;\n&lt;/div&gt;\n&quot;]}" ssr client="only" opts="{&quot;name&quot;:&quot;LiveExampleBase&quot;,&quot;value&quot;:&quot;react&quot;}"></astro-island>
502
- <h3 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3251" data-pf-content="true" class="pf-v6-c-content--h3">Help and close button example</h3>
502
+ <h3 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3079" data-pf-content="true" class="pf-v6-c-content--h3">Help and close button example</h3>
503
503
 
504
504
  <astro-island uid="Z1RObPV" component-url="/_astro/LiveExample.LDgudiOh.js" component-export="LiveExample" renderer-url="/_astro/client.DN8ES6L5.js" props="{&quot;src&quot;:[0],&quot;html&quot;:[0,&quot;&lt;div\n class=\&quot;pf-v6-c-tabs pf-m-scrollable\&quot;\n role=\&quot;region\&quot;\n id=\&quot;help-close-button-default-example\&quot;\n&gt;\n &lt;div class=\&quot;pf-v6-c-tabs__scroll-button\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Scroll left\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-angle-left\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/div&gt;\n &lt;ul class=\&quot;pf-v6-c-tabs__list\&quot; role=\&quot;tablist\&quot;&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;help-close-button-default-example-users-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Users&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for Users label\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Users\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-current pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;help-close-button-default-example-containers-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Containers&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for Containers label\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Containers\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;help-close-button-default-example-database-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Database&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for Database label\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Database\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n\n &lt;li\n class=\&quot;pf-v6-c-tabs__item pf-m-action pf-m-disabled\&quot;\n role=\&quot;presentation\&quot;\n &gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n disabled\n role=\&quot;tab\&quot;\n id=\&quot;help-close-button-default-example-disabled-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Disabled&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for Disabled label\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Disabled\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li\n class=\&quot;pf-v6-c-tabs__item pf-m-action pf-m-disabled\&quot;\n role=\&quot;presentation\&quot;\n &gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link pf-m-aria-disabled\&quot;\n aria-disabled=\&quot;true\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;help-close-button-default-example-aria-disabled-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;ARIA disabled&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-aria-disabled pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for ARIA disabled label\&quot;\n aria-disabled=\&quot;true\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-aria-disabled pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close ARIA disabled\&quot;\n aria-disabled=\&quot;true\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li\n class=\&quot;pf-v6-c-tabs__item pf-m-action pf-m-disabled\&quot;\n role=\&quot;presentation\&quot;\n &gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n disabled\n role=\&quot;tab\&quot;\n id=\&quot;help-close-button-default-example-help-disabled-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Help disabled&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for Help disabled label\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Help disabled\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li\n class=\&quot;pf-v6-c-tabs__item pf-m-action pf-m-disabled\&quot;\n role=\&quot;presentation\&quot;\n &gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n disabled\n role=\&quot;tab\&quot;\n id=\&quot;help-close-button-default-example-close-disabled-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Close disabled&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for Close disabled label\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Close disabled\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li\n class=\&quot;pf-v6-c-tabs__item pf-m-action pf-m-disabled\&quot;\n role=\&quot;presentation\&quot;\n &gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n disabled\n role=\&quot;tab\&quot;\n id=\&quot;help-close-button-default-example-help-close-disabled-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Help and close disabled&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for Help and close disabled label\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Help and close disabled\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;help-close-button-default-example-network-wired-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Network&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for Network label\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Network\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;/ul&gt;\n\n &lt;div class=\&quot;pf-v6-c-tabs__scroll-button\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Scroll right\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-angle-right\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/div&gt;\n&lt;/div&gt;\n\n&lt;br /&gt;\n&lt;br /&gt;\n\n&lt;div\n class=\&quot;pf-v6-c-tabs pf-m-box pf-m-scrollable\&quot;\n role=\&quot;region\&quot;\n id=\&quot;help-close-button-box-example\&quot;\n&gt;\n &lt;div class=\&quot;pf-v6-c-tabs__scroll-button\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Scroll left\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-angle-left\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/div&gt;\n &lt;ul class=\&quot;pf-v6-c-tabs__list\&quot; role=\&quot;tablist\&quot;&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;help-close-button-box-example-users-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Users&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for Users label\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Users\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-current pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;help-close-button-box-example-containers-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Containers&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for Containers label\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Containers\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;help-close-button-box-example-database-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Database&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for Database label\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Database\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n\n &lt;li\n class=\&quot;pf-v6-c-tabs__item pf-m-action pf-m-disabled\&quot;\n role=\&quot;presentation\&quot;\n &gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n disabled\n role=\&quot;tab\&quot;\n id=\&quot;help-close-button-box-example-disabled-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Disabled&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for Disabled label\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Disabled\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li\n class=\&quot;pf-v6-c-tabs__item pf-m-action pf-m-disabled\&quot;\n role=\&quot;presentation\&quot;\n &gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link pf-m-aria-disabled\&quot;\n aria-disabled=\&quot;true\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;help-close-button-box-example-aria-disabled-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;ARIA disabled&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-aria-disabled pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for ARIA disabled label\&quot;\n aria-disabled=\&quot;true\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-aria-disabled pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close ARIA disabled\&quot;\n aria-disabled=\&quot;true\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li\n class=\&quot;pf-v6-c-tabs__item pf-m-action pf-m-disabled\&quot;\n role=\&quot;presentation\&quot;\n &gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n disabled\n role=\&quot;tab\&quot;\n id=\&quot;help-close-button-box-example-help-disabled-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Help disabled&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for Help disabled label\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Help disabled\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li\n class=\&quot;pf-v6-c-tabs__item pf-m-action pf-m-disabled\&quot;\n role=\&quot;presentation\&quot;\n &gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n disabled\n role=\&quot;tab\&quot;\n id=\&quot;help-close-button-box-example-close-disabled-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Close disabled&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for Close disabled label\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Close disabled\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li\n class=\&quot;pf-v6-c-tabs__item pf-m-action pf-m-disabled\&quot;\n role=\&quot;presentation\&quot;\n &gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n disabled\n role=\&quot;tab\&quot;\n id=\&quot;help-close-button-box-example-help-close-disabled-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Help and close disabled&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for Help and close disabled label\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Help and close disabled\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;help-close-button-box-example-network-wired-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Network&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for Network label\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Network\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;/ul&gt;\n\n &lt;div class=\&quot;pf-v6-c-tabs__scroll-button\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Scroll right\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-angle-right\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/div&gt;\n&lt;/div&gt;\n\n&lt;br /&gt;\n&lt;br /&gt;\n\n&lt;div\n class=\&quot;pf-v6-c-tabs pf-m-box pf-m-secondary pf-m-scrollable\&quot;\n role=\&quot;region\&quot;\n id=\&quot;help-close-button-box-secondary-example\&quot;\n&gt;\n &lt;div class=\&quot;pf-v6-c-tabs__scroll-button\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Scroll left\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-angle-left\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/div&gt;\n &lt;ul class=\&quot;pf-v6-c-tabs__list\&quot; role=\&quot;tablist\&quot;&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;help-close-button-box-secondary-example-users-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Users&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for Users label\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Users\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-current pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;help-close-button-box-secondary-example-containers-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Containers&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for Containers label\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Containers\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;help-close-button-box-secondary-example-database-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Database&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for Database label\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Database\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n\n &lt;li\n class=\&quot;pf-v6-c-tabs__item pf-m-action pf-m-disabled\&quot;\n role=\&quot;presentation\&quot;\n &gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n disabled\n role=\&quot;tab\&quot;\n id=\&quot;help-close-button-box-secondary-example-disabled-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Disabled&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for Disabled label\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Disabled\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li\n class=\&quot;pf-v6-c-tabs__item pf-m-action pf-m-disabled\&quot;\n role=\&quot;presentation\&quot;\n &gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link pf-m-aria-disabled\&quot;\n aria-disabled=\&quot;true\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;help-close-button-box-secondary-example-aria-disabled-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;ARIA disabled&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-aria-disabled pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for ARIA disabled label\&quot;\n aria-disabled=\&quot;true\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-aria-disabled pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close ARIA disabled\&quot;\n aria-disabled=\&quot;true\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li\n class=\&quot;pf-v6-c-tabs__item pf-m-action pf-m-disabled\&quot;\n role=\&quot;presentation\&quot;\n &gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n disabled\n role=\&quot;tab\&quot;\n id=\&quot;help-close-button-box-secondary-example-help-disabled-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Help disabled&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for Help disabled label\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Help disabled\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li\n class=\&quot;pf-v6-c-tabs__item pf-m-action pf-m-disabled\&quot;\n role=\&quot;presentation\&quot;\n &gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n disabled\n role=\&quot;tab\&quot;\n id=\&quot;help-close-button-box-secondary-example-close-disabled-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Close disabled&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for Close disabled label\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Close disabled\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li\n class=\&quot;pf-v6-c-tabs__item pf-m-action pf-m-disabled\&quot;\n role=\&quot;presentation\&quot;\n &gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n disabled\n role=\&quot;tab\&quot;\n id=\&quot;help-close-button-box-secondary-example-help-close-disabled-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Help and close disabled&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for Help and close disabled label\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Help and close disabled\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;help-close-button-box-secondary-example-network-wired-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Network&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for Network label\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Network\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;/ul&gt;\n\n &lt;div class=\&quot;pf-v6-c-tabs__scroll-button\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Scroll right\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-angle-right\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/div&gt;\n&lt;/div&gt;\n\n&lt;br /&gt;\n&lt;br /&gt;\n\n&lt;div\n class=\&quot;pf-v6-c-tabs pf-m-scrollable\&quot;\n role=\&quot;region\&quot;\n id=\&quot;help-close-button-icons-text-example\&quot;\n&gt;\n &lt;div class=\&quot;pf-v6-c-tabs__scroll-button\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Scroll left\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-angle-left\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/div&gt;\n &lt;ul class=\&quot;pf-v6-c-tabs__list\&quot; role=\&quot;tablist\&quot;&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;help-close-button-icons-text-example-users-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-fas fa-users\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Users&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for Users label\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Users\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-current pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;help-close-button-icons-text-example-containers-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-fas fa-box\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Containers&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for Containers label\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Containers\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;help-close-button-icons-text-example-database-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-database\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Database&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for Database label\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Database\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n\n &lt;li\n class=\&quot;pf-v6-c-tabs__item pf-m-action pf-m-disabled\&quot;\n role=\&quot;presentation\&quot;\n &gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n disabled\n role=\&quot;tab\&quot;\n id=\&quot;help-close-button-icons-text-example-disabled-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-server\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Disabled&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for Disabled label\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Disabled\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li\n class=\&quot;pf-v6-c-tabs__item pf-m-action pf-m-disabled\&quot;\n role=\&quot;presentation\&quot;\n &gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link pf-m-aria-disabled\&quot;\n aria-disabled=\&quot;true\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;help-close-button-icons-text-example-aria-disabled-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-laptop\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;ARIA disabled&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-aria-disabled pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for ARIA disabled label\&quot;\n aria-disabled=\&quot;true\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-aria-disabled pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close ARIA disabled\&quot;\n aria-disabled=\&quot;true\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li\n class=\&quot;pf-v6-c-tabs__item pf-m-action pf-m-disabled\&quot;\n role=\&quot;presentation\&quot;\n &gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n disabled\n role=\&quot;tab\&quot;\n id=\&quot;help-close-button-icons-text-example-help-disabled-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-download\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Help disabled&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for Help disabled label\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Help disabled\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li\n class=\&quot;pf-v6-c-tabs__item pf-m-action pf-m-disabled\&quot;\n role=\&quot;presentation\&quot;\n &gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n disabled\n role=\&quot;tab\&quot;\n id=\&quot;help-close-button-icons-text-example-close-disabled-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-code\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Close disabled&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for Close disabled label\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Close disabled\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li\n class=\&quot;pf-v6-c-tabs__item pf-m-action pf-m-disabled\&quot;\n role=\&quot;presentation\&quot;\n &gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n disabled\n role=\&quot;tab\&quot;\n id=\&quot;help-close-button-icons-text-example-help-close-disabled-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-folder\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Help and close disabled&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for Help and close disabled label\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Help and close disabled\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;help-close-button-icons-text-example-network-wired-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-project-diagram\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Network&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for Network label\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Network\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;/ul&gt;\n\n &lt;div class=\&quot;pf-v6-c-tabs__scroll-button\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Scroll right\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-angle-right\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/div&gt;\n&lt;/div&gt;\n\n&lt;br /&gt;\n&lt;br /&gt;\n\n&lt;div\n class=\&quot;pf-v6-c-tabs pf-m-fill\&quot;\n role=\&quot;region\&quot;\n id=\&quot;help-close-button-filled-example\&quot;\n&gt;\n &lt;div class=\&quot;pf-v6-c-tabs__scroll-button\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Scroll left\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-angle-left\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/div&gt;\n &lt;ul class=\&quot;pf-v6-c-tabs__list\&quot; role=\&quot;tablist\&quot;&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;help-close-button-filled-example-users-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Users&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for Users label\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Users\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-current pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;help-close-button-filled-example-containers-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Containers&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for Containers label\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Containers\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;help-close-button-filled-example-database-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Database&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for Database label\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Database\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;/ul&gt;\n\n &lt;div class=\&quot;pf-v6-c-tabs__scroll-button\&quot; aria-hidden=\&quot;true\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Scroll right\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-angle-right\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/div&gt;\n&lt;/div&gt;\n\n&lt;br /&gt;\n&lt;br /&gt;\n\n&lt;div\n class=\&quot;pf-v6-c-tabs pf-m-scrollable\&quot;\n role=\&quot;region\&quot;\n id=\&quot;help-close-button-secondary-primary-example\&quot;\n&gt;\n &lt;div class=\&quot;pf-v6-c-tabs__scroll-button\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Scroll left\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-angle-left\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/div&gt;\n &lt;ul class=\&quot;pf-v6-c-tabs__list\&quot; role=\&quot;tablist\&quot;&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;help-close-button-secondary-primary-example-users-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Users&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for Users label\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Users\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-current pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;help-close-button-secondary-primary-example-containers-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Containers&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for Containers label\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Containers\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;help-close-button-secondary-primary-example-database-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Database&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for Database label\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Database\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n\n &lt;li\n class=\&quot;pf-v6-c-tabs__item pf-m-action pf-m-disabled\&quot;\n role=\&quot;presentation\&quot;\n &gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n disabled\n role=\&quot;tab\&quot;\n id=\&quot;help-close-button-secondary-primary-example-disabled-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Disabled&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for Disabled label\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Disabled\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li\n class=\&quot;pf-v6-c-tabs__item pf-m-action pf-m-disabled\&quot;\n role=\&quot;presentation\&quot;\n &gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link pf-m-aria-disabled\&quot;\n aria-disabled=\&quot;true\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;help-close-button-secondary-primary-example-aria-disabled-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;ARIA disabled&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-aria-disabled pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for ARIA disabled label\&quot;\n aria-disabled=\&quot;true\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-aria-disabled pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close ARIA disabled\&quot;\n aria-disabled=\&quot;true\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li\n class=\&quot;pf-v6-c-tabs__item pf-m-action pf-m-disabled\&quot;\n role=\&quot;presentation\&quot;\n &gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n disabled\n role=\&quot;tab\&quot;\n id=\&quot;help-close-button-secondary-primary-example-help-disabled-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Help disabled&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for Help disabled label\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Help disabled\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li\n class=\&quot;pf-v6-c-tabs__item pf-m-action pf-m-disabled\&quot;\n role=\&quot;presentation\&quot;\n &gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n disabled\n role=\&quot;tab\&quot;\n id=\&quot;help-close-button-secondary-primary-example-close-disabled-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Close disabled&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for Close disabled label\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Close disabled\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li\n class=\&quot;pf-v6-c-tabs__item pf-m-action pf-m-disabled\&quot;\n role=\&quot;presentation\&quot;\n &gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n disabled\n role=\&quot;tab\&quot;\n id=\&quot;help-close-button-secondary-primary-example-help-close-disabled-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Help and close disabled&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for Help and close disabled label\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Help and close disabled\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;help-close-button-secondary-primary-example-network-wired-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Network&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for Network label\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Network\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;/ul&gt;\n\n &lt;div class=\&quot;pf-v6-c-tabs__scroll-button\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Scroll right\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-angle-right\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/div&gt;\n&lt;/div&gt;\n&lt;div\n class=\&quot;pf-v6-c-tabs pf-m-subtab pf-m-scrollable\&quot;\n role=\&quot;region\&quot;\n id=\&quot;help-close-button-secondary-secondary-example\&quot;\n&gt;\n &lt;div class=\&quot;pf-v6-c-tabs__scroll-button\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Scroll left\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-angle-left\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/div&gt;\n &lt;ul class=\&quot;pf-v6-c-tabs__list\&quot; role=\&quot;tablist\&quot;&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;help-close-button-secondary-secondary-example-users-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Users&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for Users label\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Users\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-current pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;help-close-button-secondary-secondary-example-containers-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Containers&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for Containers label\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Containers\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;help-close-button-secondary-secondary-example-database-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Database&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for Database label\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Database\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n\n &lt;li\n class=\&quot;pf-v6-c-tabs__item pf-m-action pf-m-disabled\&quot;\n role=\&quot;presentation\&quot;\n &gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n disabled\n role=\&quot;tab\&quot;\n id=\&quot;help-close-button-secondary-secondary-example-disabled-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Disabled&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for Disabled label\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Disabled\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li\n class=\&quot;pf-v6-c-tabs__item pf-m-action pf-m-disabled\&quot;\n role=\&quot;presentation\&quot;\n &gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link pf-m-aria-disabled\&quot;\n aria-disabled=\&quot;true\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;help-close-button-secondary-secondary-example-aria-disabled-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;ARIA disabled&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-aria-disabled pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for ARIA disabled label\&quot;\n aria-disabled=\&quot;true\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-aria-disabled pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close ARIA disabled\&quot;\n aria-disabled=\&quot;true\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li\n class=\&quot;pf-v6-c-tabs__item pf-m-action pf-m-disabled\&quot;\n role=\&quot;presentation\&quot;\n &gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n disabled\n role=\&quot;tab\&quot;\n id=\&quot;help-close-button-secondary-secondary-example-help-disabled-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Help disabled&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for Help disabled label\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Help disabled\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li\n class=\&quot;pf-v6-c-tabs__item pf-m-action pf-m-disabled\&quot;\n role=\&quot;presentation\&quot;\n &gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n disabled\n role=\&quot;tab\&quot;\n id=\&quot;help-close-button-secondary-secondary-example-close-disabled-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Close disabled&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for Close disabled label\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Close disabled\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li\n class=\&quot;pf-v6-c-tabs__item pf-m-action pf-m-disabled\&quot;\n role=\&quot;presentation\&quot;\n &gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n disabled\n role=\&quot;tab\&quot;\n id=\&quot;help-close-button-secondary-secondary-example-help-close-disabled-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Help and close disabled&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for Help and close disabled label\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Help and close disabled\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;help-close-button-secondary-secondary-example-network-wired-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Network&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;More info for Network label\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;pf-v6-pficon pf-v6-pficon-help\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Network\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;/ul&gt;\n\n &lt;div class=\&quot;pf-v6-c-tabs__scroll-button\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Scroll right\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-angle-right\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/div&gt;\n&lt;/div&gt;\n&quot;]}" ssr client="only" opts="{&quot;name&quot;:&quot;LiveExampleBase&quot;,&quot;value&quot;:&quot;react&quot;}"></astro-island>
505
- <h2 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3252" data-pf-content="true" class="pf-v6-c-content--h2">Add tab button</h2>
506
- <h3 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3253" data-pf-content="true" class="pf-v6-c-content--h3">Add tab button example</h3>
505
+ <h2 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3080" data-pf-content="true" class="pf-v6-c-content--h2">Add tab button</h2>
506
+ <h3 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3081" data-pf-content="true" class="pf-v6-c-content--h3">Add tab button example</h3>
507
507
 
508
508
  <astro-island uid="Z1cu1YW" component-url="/_astro/LiveExample.LDgudiOh.js" component-export="LiveExample" renderer-url="/_astro/client.DN8ES6L5.js" props="{&quot;src&quot;:[0],&quot;html&quot;:[0,&quot;&lt;div\n class=\&quot;pf-v6-c-tabs pf-m-scrollable\&quot;\n role=\&quot;region\&quot;\n id=\&quot;default-tabs-add-tab-button\&quot;\n&gt;\n &lt;div class=\&quot;pf-v6-c-tabs__scroll-button\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Scroll left\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-angle-left\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/div&gt;\n &lt;ul class=\&quot;pf-v6-c-tabs__list\&quot; role=\&quot;tablist\&quot;&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;default-tabs-add-tab-button-users-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Users&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Users\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-current pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;default-tabs-add-tab-button-containers-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Containers&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Containers\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;default-tabs-add-tab-button-database-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Database&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Database\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;default-tabs-add-tab-button-server-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Server&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Server\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;default-tabs-add-tab-button-system-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;System&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close System\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;default-tabs-add-tab-button-network-wired-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Network&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Network\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;/ul&gt;\n\n &lt;div class=\&quot;pf-v6-c-tabs__scroll-button\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Scroll right\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-angle-right\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/div&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__add\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Add tab\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-plus\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n&lt;/div&gt;\n&lt;div\n class=\&quot;pf-v6-c-tabs pf-m-subtab pf-m-scrollable\&quot;\n role=\&quot;region\&quot;\n id=\&quot;default-tabs-add-tab-button-subtab\&quot;\n&gt;\n &lt;div class=\&quot;pf-v6-c-tabs__scroll-button\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Scroll left\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-angle-left\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/div&gt;\n &lt;ul class=\&quot;pf-v6-c-tabs__list\&quot; role=\&quot;tablist\&quot;&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;default-tabs-add-tab-button-subtab-users-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Users&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Users\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-current pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;default-tabs-add-tab-button-subtab-containers-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Containers&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Containers\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;default-tabs-add-tab-button-subtab-database-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Database&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Database\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;default-tabs-add-tab-button-subtab-server-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Server&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Server\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;default-tabs-add-tab-button-subtab-system-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;System&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close System\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;default-tabs-add-tab-button-subtab-network-wired-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Network&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Network\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;/ul&gt;\n\n &lt;div class=\&quot;pf-v6-c-tabs__scroll-button\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Scroll right\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-angle-right\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/div&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__add\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Add tab\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-plus\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n&lt;/div&gt;\n\n&lt;br /&gt;\n&lt;br /&gt;\n\n&lt;div\n class=\&quot;pf-v6-c-tabs pf-m-box pf-m-scrollable\&quot;\n role=\&quot;region\&quot;\n id=\&quot;box-tabs-add-tab-button\&quot;\n&gt;\n &lt;div class=\&quot;pf-v6-c-tabs__scroll-button\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Scroll left\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-angle-left\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/div&gt;\n &lt;ul class=\&quot;pf-v6-c-tabs__list\&quot; role=\&quot;tablist\&quot;&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;box-tabs-add-tab-button-users-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Users&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Users\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-current pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;box-tabs-add-tab-button-containers-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Containers&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Containers\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;box-tabs-add-tab-button-database-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Database&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Database\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;box-tabs-add-tab-button-server-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Server&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Server\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;box-tabs-add-tab-button-system-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;System&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close System\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;box-tabs-add-tab-button-network-wired-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Network&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Network\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;/ul&gt;\n\n &lt;div class=\&quot;pf-v6-c-tabs__scroll-button\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Scroll right\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-angle-right\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/div&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__add\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Add tab\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-plus\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n&lt;/div&gt;\n\n&lt;br /&gt;\n&lt;br /&gt;\n\n&lt;div\n class=\&quot;pf-v6-c-tabs pf-m-box pf-m-secondary pf-m-scrollable\&quot;\n role=\&quot;region\&quot;\n id=\&quot;box-tabs-add-tab-button-secondary \&quot;\n&gt;\n &lt;div class=\&quot;pf-v6-c-tabs__scroll-button\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Scroll left\&quot;\n disabled\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-angle-left\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/div&gt;\n &lt;ul class=\&quot;pf-v6-c-tabs__list\&quot; role=\&quot;tablist\&quot;&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;box-tabs-add-tab-button-secondary -users-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Users&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Users\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-current pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;box-tabs-add-tab-button-secondary -containers-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Containers&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Containers\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;box-tabs-add-tab-button-secondary -database-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Database&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Database\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;box-tabs-add-tab-button-secondary -server-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Server&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Server\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;box-tabs-add-tab-button-secondary -system-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;System&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close System\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;li class=\&quot;pf-v6-c-tabs__item pf-m-action\&quot; role=\&quot;presentation\&quot;&gt;\n &lt;button\n type=\&quot;button\&quot;\n class=\&quot;pf-v6-c-tabs__link\&quot;\n role=\&quot;tab\&quot;\n id=\&quot;box-tabs-add-tab-button-secondary -network-wired-link\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-text\&quot;&gt;Network&lt;/span&gt;\n &lt;/button&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Close Network\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__item-action-icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-times\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n &lt;/li&gt;\n &lt;/ul&gt;\n\n &lt;div class=\&quot;pf-v6-c-tabs__scroll-button\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Scroll right\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-angle-right\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/div&gt;\n &lt;span class=\&quot;pf-v6-c-tabs__add\&quot;&gt;\n &lt;button\n class=\&quot;pf-v6-c-button pf-m-plain\&quot;\n type=\&quot;button\&quot;\n aria-label=\&quot;Add tab\&quot;\n &gt;\n &lt;span class=\&quot;pf-v6-c-button__icon\&quot;&gt;\n &lt;i class=\&quot;fas fa-plus\&quot; aria-hidden=\&quot;true\&quot;&gt;&lt;/i&gt;\n &lt;/span&gt;\n &lt;/button&gt;\n &lt;/span&gt;\n&lt;/div&gt;\n&quot;]}" ssr client="only" opts="{&quot;name&quot;:&quot;LiveExampleBase&quot;,&quot;value&quot;:&quot;react&quot;}"></astro-island>
509
- <h2 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3254" data-pf-content="true" class="pf-v6-c-content--h2">Tab content</h2>
510
- <h3 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3255" data-pf-content="true" class="pf-v6-c-content--h3">Default tab content example</h3>
509
+ <h2 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3082" data-pf-content="true" class="pf-v6-c-content--h2">Tab content</h2>
510
+ <h3 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3083" data-pf-content="true" class="pf-v6-c-content--h3">Default tab content example</h3>
511
511
 
512
512
  <astro-island uid="Zy7PGO" component-url="/_astro/LiveExample.LDgudiOh.js" component-export="LiveExample" renderer-url="/_astro/client.DN8ES6L5.js" props="{&quot;src&quot;:[0],&quot;html&quot;:[0,&quot;&lt;section\n class=\&quot;pf-v6-c-tab-content\&quot;\n id=\&quot;basic-tab1-panel\&quot;\n role=\&quot;tabpanel\&quot;\n tabindex=\&quot;0\&quot;\n&gt;\n &lt;div class=\&quot;pf-v6-c-tab-content__body\&quot;&gt;Panel 1&lt;/div&gt;\n&lt;/section&gt;\n&lt;section\n class=\&quot;pf-v6-c-tab-content\&quot;\n id=\&quot;basic-tab2-panel\&quot;\n role=\&quot;tabpanel\&quot;\n tabindex=\&quot;0\&quot;\n hidden\n&gt;\n &lt;div class=\&quot;pf-v6-c-tab-content__body\&quot;&gt;Panel 2&lt;/div&gt;\n&lt;/section&gt;\n&lt;section\n class=\&quot;pf-v6-c-tab-content\&quot;\n id=\&quot;basic-tab3-panel\&quot;\n role=\&quot;tabpanel\&quot;\n tabindex=\&quot;0\&quot;\n hidden\n&gt;\n &lt;div class=\&quot;pf-v6-c-tab-content__body\&quot;&gt;Panel 3&lt;/div&gt;\n&lt;/section&gt;\n&lt;section\n class=\&quot;pf-v6-c-tab-content\&quot;\n id=\&quot;basic-tab4-panel\&quot;\n role=\&quot;tabpanel\&quot;\n tabindex=\&quot;0\&quot;\n hidden\n&gt;\n &lt;div class=\&quot;pf-v6-c-tab-content__body\&quot;&gt;Panel 4&lt;/div&gt;\n&lt;/section&gt;\n&quot;]}" ssr client="only" opts="{&quot;name&quot;:&quot;LiveExampleBase&quot;,&quot;value&quot;:&quot;react&quot;}"></astro-island>
513
- <h3 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3256" data-pf-content="true" class="pf-v6-c-content--h3">Padding</h3>
513
+ <h3 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3084" data-pf-content="true" class="pf-v6-c-content--h3">Padding</h3>
514
514
 
515
515
  <astro-island uid="ZfOaer" component-url="/_astro/LiveExample.LDgudiOh.js" component-export="LiveExample" renderer-url="/_astro/client.DN8ES6L5.js" props="{&quot;src&quot;:[0],&quot;html&quot;:[0,&quot;&lt;section\n class=\&quot;pf-v6-c-tab-content\&quot;\n id=\&quot;tab1-panel-with-padding\&quot;\n role=\&quot;tabpanel\&quot;\n tabindex=\&quot;0\&quot;\n&gt;\n &lt;div class=\&quot;pf-v6-c-tab-content__body pf-m-padding\&quot;&gt;Panel 1&lt;/div&gt;\n&lt;/section&gt;\n&lt;section\n class=\&quot;pf-v6-c-tab-content\&quot;\n id=\&quot;tab2-panel-with-padding\&quot;\n role=\&quot;tabpanel\&quot;\n tabindex=\&quot;0\&quot;\n hidden\n&gt;\n &lt;div class=\&quot;pf-v6-c-tab-content__body pf-m-padding\&quot;&gt;Panel 2&lt;/div&gt;\n&lt;/section&gt;\n&lt;section\n class=\&quot;pf-v6-c-tab-content\&quot;\n id=\&quot;tab3-panel-with-padding\&quot;\n role=\&quot;tabpanel\&quot;\n tabindex=\&quot;0\&quot;\n hidden\n&gt;\n &lt;div class=\&quot;pf-v6-c-tab-content__body pf-m-padding\&quot;&gt;Panel 3&lt;/div&gt;\n&lt;/section&gt;\n&lt;section\n class=\&quot;pf-v6-c-tab-content\&quot;\n id=\&quot;tab4-panel-with-padding\&quot;\n role=\&quot;tabpanel\&quot;\n tabindex=\&quot;0\&quot;\n hidden\n&gt;\n &lt;div class=\&quot;pf-v6-c-tab-content__body pf-m-padding\&quot;&gt;Panel 4&lt;/div&gt;\n&lt;/section&gt;\n&quot;]}" ssr client="only" opts="{&quot;name&quot;:&quot;LiveExampleBase&quot;,&quot;value&quot;:&quot;react&quot;}"></astro-island>
516
- <h3 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3257" data-pf-content="true" class="pf-v6-c-content--h3">Secondary</h3>
516
+ <h3 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3085" data-pf-content="true" class="pf-v6-c-content--h3">Secondary</h3>
517
517
 
518
518
  <astro-island uid="Z17gj94" component-url="/_astro/LiveExample.LDgudiOh.js" component-export="LiveExample" renderer-url="/_astro/client.DN8ES6L5.js" props="{&quot;src&quot;:[0],&quot;html&quot;:[0,&quot;&lt;section\n class=\&quot;pf-v6-c-tab-content pf-m-secondary\&quot;\n id=\&quot;secondary-tab1-panel\&quot;\n role=\&quot;tabpanel\&quot;\n tabindex=\&quot;0\&quot;\n&gt;\n &lt;div class=\&quot;pf-v6-c-tab-content__body\&quot;&gt;Panel 1&lt;/div&gt;\n&lt;/section&gt;\n&lt;section\n class=\&quot;pf-v6-c-tab-content pf-m-secondary\&quot;\n id=\&quot;secondary-tab2-panel\&quot;\n role=\&quot;tabpanel\&quot;\n tabindex=\&quot;0\&quot;\n hidden\n&gt;\n &lt;div class=\&quot;pf-v6-c-tab-content__body\&quot;&gt;Panel 2&lt;/div&gt;\n&lt;/section&gt;\n&lt;section\n class=\&quot;pf-v6-c-tab-content pf-m-secondary\&quot;\n id=\&quot;secondary-tab3-panel\&quot;\n role=\&quot;tabpanel\&quot;\n tabindex=\&quot;0\&quot;\n hidden\n&gt;\n &lt;div class=\&quot;pf-v6-c-tab-content__body\&quot;&gt;Panel 3&lt;/div&gt;\n&lt;/section&gt;\n&lt;section\n class=\&quot;pf-v6-c-tab-content pf-m-secondary\&quot;\n id=\&quot;secondary-tab4-panel\&quot;\n role=\&quot;tabpanel\&quot;\n tabindex=\&quot;0\&quot;\n hidden\n&gt;\n &lt;div class=\&quot;pf-v6-c-tab-content__body\&quot;&gt;Panel 4&lt;/div&gt;\n&lt;/section&gt;\n&quot;]}" ssr client="only" opts="{&quot;name&quot;:&quot;LiveExampleBase&quot;,&quot;value&quot;:&quot;react&quot;}"></astro-island>
519
- <h2 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3258" data-pf-content="true" class="pf-v6-c-content--h2">Documentation</h2>
520
- <h3 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3259" data-pf-content="true" class="pf-v6-c-content--h3">Tabs overview</h3>
521
- <p data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3271" data-pf-content="true" class="pf-v6-c-content--p">The tabs component should only be used to change content views within a page. The similar-looking but semantically different <a data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3260" data-pf-content="true" class="pf-v6-c-content--a">horizontal nav component</a> is available for general navigation use cases.</p>
522
- <p data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3267" data-pf-content="true" class="pf-v6-c-content--p">Whenever a list of tabs is unique on the current page, it can be used in a <code>&lt;nav&gt;</code> element. Cases where the same set of tabs are duplicated in multiple regions on a page (e.g. cards on a dashboard) are less likely to benefit from using the <code>&lt;nav&gt;</code> element.</p>
523
- <h3 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3261" data-pf-content="true" class="pf-v6-c-content--h3">Usage</h3>
519
+ <h2 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3086" data-pf-content="true" class="pf-v6-c-content--h2">Documentation</h2>
520
+ <h3 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3087" data-pf-content="true" class="pf-v6-c-content--h3">Tabs overview</h3>
521
+ <p data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3099" data-pf-content="true" class="pf-v6-c-content--p">The tabs component should only be used to change content views within a page. The similar-looking but semantically different <a data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3088" data-pf-content="true" class="pf-v6-c-content--a">horizontal nav component</a> is available for general navigation use cases.</p>
522
+ <p data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3095" data-pf-content="true" class="pf-v6-c-content--p">Whenever a list of tabs is unique on the current page, it can be used in a <code>&lt;nav&gt;</code> element. Cases where the same set of tabs are duplicated in multiple regions on a page (e.g. cards on a dashboard) are less likely to benefit from using the <code>&lt;nav&gt;</code> element.</p>
523
+ <h3 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3089" data-pf-content="true" class="pf-v6-c-content--h3">Usage</h3>
524
524
 
525
525
 
526
526
 
@@ -686,8 +686,8 @@
686
686
 
687
687
 
688
688
 
689
- <table><thead><tr><th>Class</th><th>Applied to</th><th>Outcome</th></tr></thead><tbody><tr><td><code>.pf-v6-c-tabs</code></td><td><code>&lt;nav&gt;</code>, <code>&lt;div&gt;</code></td><td>Initiates the tabs component. <strong>Required</strong></td></tr><tr><td><code>.pf-v6-c-tabs__list</code></td><td><code>&lt;ul&gt;</code></td><td>Initiates a tabs component list. <strong>Required</strong></td></tr><tr><td><code>.pf-v6-c-tabs__item</code></td><td><code>&lt;li&gt;</code></td><td>Initiates a tabs component item. <strong>Required</strong></td></tr><tr><td><code>.pf-v6-c-tabs__item-text</code></td><td><code>&lt;span&gt;</code></td><td>Initiates a tabs component item icon. <strong>Required</strong></td></tr><tr><td><code>.pf-v6-c-tabs__item-icon</code></td><td><code>&lt;span&gt;</code></td><td>Initiates a tabs component item text. <strong>Required</strong></td></tr><tr><td><code>.pf-v6-c-tabs__item-close</code></td><td><code>&lt;span&gt;</code></td><td>Initiates a tabs component item close.</td></tr><tr><td><code>.pf-v6-c-tabs__item-close-icon</code></td><td><code>&lt;span&gt;</code></td><td>Initiates a tabs component item close icon.</td></tr><tr><td><code>.pf-v6-c-tabs__link</code></td><td><code>&lt;button&gt;</code>, <code>&lt;a&gt;</code></td><td>Initiates a tabs component link. <strong>Required</strong></td></tr><tr><td><code>.pf-v6-c-tabs__scroll-button</code></td><td><code>&lt;div&gt;</code></td><td>Initiates a tabs component scroll button container.</td></tr><tr><td><code>.pf-v6-c-tabs__add</code></td><td><code>&lt;span&gt;</code></td><td>Initiates a tabs component add button.</td></tr><tr><td><code>.pf-v6-c-tabs__toggle</code></td><td><code>&lt;div&gt;</code></td><td>Initiates a tabs expandable toggle.</td></tr><tr><td><code>.pf-v6-c-tabs__toggle-button</code></td><td><code>&lt;button&gt;</code></td><td>Initiates a tabs expandable toggle button.</td></tr><tr><td><code>.pf-v6-c-tabs__toggle-icon</code></td><td><code>&lt;span&gt;</code></td><td>Initiates a tabs expandable toggle icon.</td></tr><tr><td><code>.pf-v6-c-tabs__toggle-text</code></td><td><code>&lt;span&gt;</code></td><td>Initiates a tabs expandable toggle text.</td></tr><tr><td><code>.pf-m-tubtab</code></td><td><code>.pf-v6-c-tabs</code></td><td>Applies subtab styling to the tab component.</td></tr><tr><td><code>.pf-m-no-border-bottom</code></td><td><code>.pf-v6-c-tabs</code></td><td>Removes bottom border from a tab component.</td></tr><tr><td><code>.pf-m-box</code></td><td><code>.pf-v6-c-tabs</code></td><td>Applies box styling to the tab component.</td></tr><tr><td><code>.pf-m-vertical</code></td><td><code>.pf-v6-c-tabs</code></td><td>Applies vertical styling to the tab component.</td></tr><tr><td><code>.pf-m-fill</code></td><td><code>.pf-v6-c-tabs</code></td><td>Modifies the tabs to fill the available space.</td></tr><tr><td><code>.pf-m-current</code></td><td><code>.pf-v6-c-tabs__item</code></td><td>Indicates that a tab item is currently selected.</td></tr><tr><td><code>.pf-m-action</code></td><td><code>.pf-v6-c-tabs__item</code></td><td>Indicates that a tab item contains actions other than the tab link.</td></tr><tr><td><code>.pf-m-overflow</code></td><td><code>.pf-v6-c-tabs__item</code></td><td>Applies overflow menu styling to a tab item.</td></tr><tr><td><code>.pf-m-expanded</code></td><td><code>.pf-v6-c-tabs__item</code></td><td>Applies expanded styling to the overflow menu tab item.</td></tr><tr><td><code>.pf-m-inset-{none, sm, md, lg, xl, 2xl}{-on-[md, lg, xl, 2xl]}</code></td><td><code>.pf-v6-c-tabs</code></td><td>Modifies tabs horizontal padding at optional <a data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3262" data-pf-content="true" class="pf-v6-c-content--a">breakpoint</a>.</td></tr><tr><td><code>.pf-m-page-insets</code></td><td><code>.pf-v6-c-tabs</code></td><td>Modifies the tabs component padding/inset to visually match padding of page elements.</td></tr><tr><td><code>.pf-m-secondary</code></td><td><code>.pf-v6-c-tabs.pf-m-box</code></td><td>Modifies the tabs component tab background colors for the box variant.</td></tr><tr><td><code>.pf-m-expandable{-on-[breakpoint]}</code></td><td><code>.pf-v6-c-tabs</code></td><td>Modifies the tabs component to be expandable via a toggle at optional <a data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3263" data-pf-content="true" class="pf-v6-c-content--a">breakpoint</a>. <strong>Note:</strong> works with vertical tabs only.</td></tr><tr><td><code>.pf-m-non-expandable{-on-[breakpoint]}</code></td><td><code>.pf-v6-c-tabs</code></td><td>Modifies the tabs component to be non-expandable at optional <a data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3264" data-pf-content="true" class="pf-v6-c-content--a">breakpoint</a>.</td></tr><tr><td><code>.pf-m-expanded</code></td><td><code>.pf-v6-c-tabs</code></td><td>Modifies the expandable tabs component for the expanded state.</td></tr><tr><td><code>.pf-m-disabled</code></td><td><code>a.pf-v6-c-tabs__link</code></td><td>Modifies a tabs link for disabled styles.</td></tr><tr><td><code>.pf-m-aria-disabled</code></td><td><code>.pf-v6-c-tabs__link</code></td><td>Modifies a tabs link for disabled styles, but is still hoverable/focusable.</td></tr></tbody></table>
690
- <h3 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3265" data-pf-content="true" class="pf-v6-c-content--h3">Tab content accessibility</h3>
689
+ <table><thead><tr><th>Class</th><th>Applied to</th><th>Outcome</th></tr></thead><tbody><tr><td><code>.pf-v6-c-tabs</code></td><td><code>&lt;nav&gt;</code>, <code>&lt;div&gt;</code></td><td>Initiates the tabs component. <strong>Required</strong></td></tr><tr><td><code>.pf-v6-c-tabs__list</code></td><td><code>&lt;ul&gt;</code></td><td>Initiates a tabs component list. <strong>Required</strong></td></tr><tr><td><code>.pf-v6-c-tabs__item</code></td><td><code>&lt;li&gt;</code></td><td>Initiates a tabs component item. <strong>Required</strong></td></tr><tr><td><code>.pf-v6-c-tabs__item-text</code></td><td><code>&lt;span&gt;</code></td><td>Initiates a tabs component item icon. <strong>Required</strong></td></tr><tr><td><code>.pf-v6-c-tabs__item-icon</code></td><td><code>&lt;span&gt;</code></td><td>Initiates a tabs component item text. <strong>Required</strong></td></tr><tr><td><code>.pf-v6-c-tabs__item-close</code></td><td><code>&lt;span&gt;</code></td><td>Initiates a tabs component item close.</td></tr><tr><td><code>.pf-v6-c-tabs__item-close-icon</code></td><td><code>&lt;span&gt;</code></td><td>Initiates a tabs component item close icon.</td></tr><tr><td><code>.pf-v6-c-tabs__link</code></td><td><code>&lt;button&gt;</code>, <code>&lt;a&gt;</code></td><td>Initiates a tabs component link. <strong>Required</strong></td></tr><tr><td><code>.pf-v6-c-tabs__scroll-button</code></td><td><code>&lt;div&gt;</code></td><td>Initiates a tabs component scroll button container.</td></tr><tr><td><code>.pf-v6-c-tabs__add</code></td><td><code>&lt;span&gt;</code></td><td>Initiates a tabs component add button.</td></tr><tr><td><code>.pf-v6-c-tabs__toggle</code></td><td><code>&lt;div&gt;</code></td><td>Initiates a tabs expandable toggle.</td></tr><tr><td><code>.pf-v6-c-tabs__toggle-button</code></td><td><code>&lt;button&gt;</code></td><td>Initiates a tabs expandable toggle button.</td></tr><tr><td><code>.pf-v6-c-tabs__toggle-icon</code></td><td><code>&lt;span&gt;</code></td><td>Initiates a tabs expandable toggle icon.</td></tr><tr><td><code>.pf-v6-c-tabs__toggle-text</code></td><td><code>&lt;span&gt;</code></td><td>Initiates a tabs expandable toggle text.</td></tr><tr><td><code>.pf-m-tubtab</code></td><td><code>.pf-v6-c-tabs</code></td><td>Applies subtab styling to the tab component.</td></tr><tr><td><code>.pf-m-no-border-bottom</code></td><td><code>.pf-v6-c-tabs</code></td><td>Removes bottom border from a tab component.</td></tr><tr><td><code>.pf-m-box</code></td><td><code>.pf-v6-c-tabs</code></td><td>Applies box styling to the tab component.</td></tr><tr><td><code>.pf-m-vertical</code></td><td><code>.pf-v6-c-tabs</code></td><td>Applies vertical styling to the tab component.</td></tr><tr><td><code>.pf-m-fill</code></td><td><code>.pf-v6-c-tabs</code></td><td>Modifies the tabs to fill the available space.</td></tr><tr><td><code>.pf-m-current</code></td><td><code>.pf-v6-c-tabs__item</code></td><td>Indicates that a tab item is currently selected.</td></tr><tr><td><code>.pf-m-action</code></td><td><code>.pf-v6-c-tabs__item</code></td><td>Indicates that a tab item contains actions other than the tab link.</td></tr><tr><td><code>.pf-m-overflow</code></td><td><code>.pf-v6-c-tabs__item</code></td><td>Applies overflow menu styling to a tab item.</td></tr><tr><td><code>.pf-m-expanded</code></td><td><code>.pf-v6-c-tabs__item</code></td><td>Applies expanded styling to the overflow menu tab item.</td></tr><tr><td><code>.pf-m-inset-{none, sm, md, lg, xl, 2xl}{-on-[md, lg, xl, 2xl]}</code></td><td><code>.pf-v6-c-tabs</code></td><td>Modifies tabs horizontal padding at optional <a data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3090" data-pf-content="true" class="pf-v6-c-content--a">breakpoint</a>.</td></tr><tr><td><code>.pf-m-page-insets</code></td><td><code>.pf-v6-c-tabs</code></td><td>Modifies the tabs component padding/inset to visually match padding of page elements.</td></tr><tr><td><code>.pf-m-secondary</code></td><td><code>.pf-v6-c-tabs.pf-m-box</code></td><td>Modifies the tabs component tab background colors for the box variant.</td></tr><tr><td><code>.pf-m-expandable{-on-[breakpoint]}</code></td><td><code>.pf-v6-c-tabs</code></td><td>Modifies the tabs component to be expandable via a toggle at optional <a data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3091" data-pf-content="true" class="pf-v6-c-content--a">breakpoint</a>. <strong>Note:</strong> works with vertical tabs only.</td></tr><tr><td><code>.pf-m-non-expandable{-on-[breakpoint]}</code></td><td><code>.pf-v6-c-tabs</code></td><td>Modifies the tabs component to be non-expandable at optional <a data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3092" data-pf-content="true" class="pf-v6-c-content--a">breakpoint</a>.</td></tr><tr><td><code>.pf-m-expanded</code></td><td><code>.pf-v6-c-tabs</code></td><td>Modifies the expandable tabs component for the expanded state.</td></tr><tr><td><code>.pf-m-disabled</code></td><td><code>a.pf-v6-c-tabs__link</code></td><td>Modifies a tabs link for disabled styles.</td></tr><tr><td><code>.pf-m-aria-disabled</code></td><td><code>.pf-v6-c-tabs__link</code></td><td>Modifies a tabs link for disabled styles, but is still hoverable/focusable.</td></tr></tbody></table>
690
+ <h3 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3093" data-pf-content="true" class="pf-v6-c-content--h3">Tab content accessibility</h3>
691
691
 
692
692
 
693
693
 
@@ -724,7 +724,7 @@
724
724
 
725
725
 
726
726
  <table><thead><tr><th>Attribute</th><th>Applied to</th><th>Outcome</th></tr></thead><tbody><tr><td><code>role=&quot;tabpanel&quot;</code></td><td><code>.pf-v6-c-tab-content</code></td><td>Indicates that the element serves as a container for a set of tabs. <strong>Required</strong></td></tr><tr><td><code>aria-labelledby=[ID of tab element]</code></td><td><code>.pf-v6-c-tab-content</code></td><td>Provides an accessible name for the tab panel by referring to the tab element that controls it. <strong>Required</strong></td></tr><tr><td><code>id=[ID of tab panel]</code></td><td><code>.pf-v6-c-tab-content</code></td><td>Provides an ID for the tab panel, and should be used as the value of <code>aria-controls</code> on the tab element that controls the panel. <strong>Required</strong></td></tr><tr><td><code>hidden</code></td><td><code>.pf-v6-c-tab-content</code></td><td>Indicates that the tab panel is not visible. <strong>Required on all but the active tab panel</strong></td></tr><tr><td><code>tabindex=&quot;0&quot;</code></td><td><code>.pf-v6-c-tab-content</code></td><td>Puts the tab panel in the page tab sequence and facilitates movement to panel content for assistive technology users. <strong>Required</strong></td></tr></tbody></table>
727
- <h3 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3266" data-pf-content="true" class="pf-v6-c-content--h3">Tab content usage</h3>
727
+ <h3 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3094" data-pf-content="true" class="pf-v6-c-content--h3">Tab content usage</h3>
728
728
 
729
729
 
730
730
 
@@ -755,6 +755,6 @@
755
755
 
756
756
 
757
757
 
758
- <table><thead><tr><th>Class</th><th>Applied to</th><th>Outcome</th></tr></thead><tbody><tr><td><code>.pf-v6-c-tab-content</code></td><td><code>&lt;section&gt;</code></td><td>Initiates the tab content component. <strong>Required</strong></td></tr><tr><td><code>.pf-v6-c-tab-content__body</code></td><td><code>&lt;div&gt;</code></td><td>Initiates the tab content body component.</td></tr><tr><td><code>.pf-m-padding</code></td><td><code>.pf-v6-c-tab-content__body</code></td><td>Modifies the tab content body component padding.</td></tr><tr><td><code>.pf-m-secondary</code></td><td><code>.pf-v6-c-tab-content</code></td><td>Modifies the tab content component for secondary styles.</td></tr></tbody></table> <div class="pf-v6-l-stack pf-m-gutter"><div class="pf-v6-l-stack__item"><div class="pf-v6-l-stack pf-m-gutter"><div class="pf-v6-l-stack__item"><div class="pf-v6-l-flex pf-m-space-items-sm pf-m-align-items-center"><div class=""><h2 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3205" id="css-variables" tabindex="-1" data-pf-content="true" class="pf-v6-c-content--h2 pf-m-editorial ws-heading pf-v6-c-content--h2"><a href="#css-variables" class="ws-heading-anchor" tabindex="-1"><svg class="pf-v6-svg ws-heading-anchor-icon" viewBox="0 0 512 512" fill="currentColor" aria-hidden="true" role="img" width="1em" height="1em" style="vertical-align:middle"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"></path></svg></a>
758
+ <table><thead><tr><th>Class</th><th>Applied to</th><th>Outcome</th></tr></thead><tbody><tr><td><code>.pf-v6-c-tab-content</code></td><td><code>&lt;section&gt;</code></td><td>Initiates the tab content component. <strong>Required</strong></td></tr><tr><td><code>.pf-v6-c-tab-content__body</code></td><td><code>&lt;div&gt;</code></td><td>Initiates the tab content body component.</td></tr><tr><td><code>.pf-m-padding</code></td><td><code>.pf-v6-c-tab-content__body</code></td><td>Modifies the tab content body component padding.</td></tr><tr><td><code>.pf-m-secondary</code></td><td><code>.pf-v6-c-tab-content</code></td><td>Modifies the tab content component for secondary styles.</td></tr></tbody></table> <div class="pf-v6-l-stack pf-m-gutter"><div class="pf-v6-l-stack__item"><div class="pf-v6-l-stack pf-m-gutter"><div class="pf-v6-l-stack__item"><div class="pf-v6-l-flex pf-m-space-items-sm pf-m-align-items-center"><div class=""><h2 data-ouia-component-type="PF6/Content" data-ouia-safe="true" data-ouia-component-id="OUIA-Generated-Content-3033" id="css-variables" tabindex="-1" data-pf-content="true" class="pf-v6-c-content--h2 pf-m-editorial ws-heading pf-v6-c-content--h2"><a href="#css-variables" class="ws-heading-anchor" tabindex="-1"><svg class="pf-v6-svg ws-heading-anchor-icon" viewBox="0 0 512 512" fill="currentColor" aria-hidden="true" role="img" width="1em" height="1em" style="vertical-align:middle"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"></path></svg></a>
759
759
  CSS variables
760
760
  </h2></div></div></div><div class="pf-v6-l-stack__item"><astro-island uid="Z1Wq1PW" component-url="/_astro/CSSTable.DRfZMeKo.js" component-export="CSSTable" renderer-url="/_astro/client.DN8ES6L5.js" props="{&quot;autoLinkHeader&quot;:[0,false],&quot;cssPrefix&quot;:[0,&quot;pf-v6-c-tabs&quot;]}" ssr client="only" opts="{&quot;name&quot;:&quot;CSSTableComponent&quot;,&quot;value&quot;:&quot;react&quot;}"></astro-island></div></div></div></div> </div></section> </div></section> </main> </div> </div> <script type="module">try{localStorage.getItem("theme-preference")==="dark"&&document.documentElement.classList.add("pf-v6-theme-dark")}catch(e){console.error("Failed to set initial theme:",e)}</script></body></html>