@patternfly/patternfly 6.0.0-alpha.186 → 6.0.0-alpha.187

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 (40) hide show
  1. package/components/Toolbar/toolbar.css +232 -531
  2. package/components/Toolbar/toolbar.scss +101 -89
  3. package/components/_index.css +224 -523
  4. package/docs/components/Card/examples/Card.md +8 -8
  5. package/docs/components/DataList/examples/DataList.md +17 -17
  6. package/docs/components/DualListSelector/examples/DualListSelector.md +16 -16
  7. package/docs/components/Hint/examples/Hint.md +3 -3
  8. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +37 -37
  9. package/docs/components/OverflowMenu/examples/overflow-menu.md +5 -5
  10. package/docs/components/Table/examples/Table.md +454 -454
  11. package/docs/components/Toolbar/examples/Toolbar.css +10 -4
  12. package/docs/components/Toolbar/examples/Toolbar.md +1050 -637
  13. package/docs/demos/AboutModal/examples/AboutModal.md +1 -0
  14. package/docs/demos/Alert/examples/Alert.md +3 -0
  15. package/docs/demos/BackToTop/examples/BackToTop.md +1 -0
  16. package/docs/demos/Banner/examples/Banner.md +2 -0
  17. package/docs/demos/CardView/examples/CardView.md +13 -12
  18. package/docs/demos/Dashboard/examples/Dashboard.md +2 -1
  19. package/docs/demos/DataList/examples/DataList.md +31 -27
  20. package/docs/demos/DescriptionList/examples/DescriptionList.md +4 -1
  21. package/docs/demos/Drawer/examples/Drawer.md +6 -1
  22. package/docs/demos/JumpLinks/examples/JumpLinks.md +6 -0
  23. package/docs/demos/Masthead/examples/Masthead.md +19 -9
  24. package/docs/demos/Modal/examples/Modal.md +6 -0
  25. package/docs/demos/Nav/examples/Nav.md +8 -0
  26. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +71 -61
  27. package/docs/demos/Page/examples/Page.md +11 -0
  28. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +27 -19
  29. package/docs/demos/Skeleton/examples/Skeleton.md +1 -0
  30. package/docs/demos/Table/examples/Table.md +161 -146
  31. package/docs/demos/Tabs/examples/Tabs.md +32 -26
  32. package/docs/demos/Toolbar/examples/Toolbar.css +9 -1
  33. package/docs/demos/Toolbar/examples/Toolbar.md +1592 -1295
  34. package/docs/demos/Wizard/examples/Wizard.md +9 -0
  35. package/package.json +1 -1
  36. package/patternfly-no-globals.css +224 -523
  37. package/patternfly.css +224 -523
  38. package/patternfly.min.css +1 -1
  39. package/patternfly.min.css.map +1 -1
  40. package/docs/demos/Page/examples/Penta.md +0 -903
package/docs/components/NotificationDrawer/examples/NotificationDrawer.md CHANGED
@@ -17,7 +17,7 @@ cssPrefix: pf-v6-c-notification-drawer
17
17
  type="button"
18
18
  aria-expanded="false"
19
19
  aria-label="Menu toggle"
20
- id="notification-drawer-basic-examplemenu-toggle"
20
+ id="notification-drawer-basic-example-menu-toggle"
21
21
  >
22
22
  <span class="pf-v6-c-menu-toggle__icon">
23
23
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -58,7 +58,7 @@ cssPrefix: pf-v6-c-notification-drawer
58
58
  type="button"
59
59
  aria-expanded="false"
60
60
  aria-label="Menu toggle"
61
- id="notification-drawer-basic-examplemenu-toggle-1"
61
+ id="notification-drawer-basic-example-menu-toggle-1"
62
62
  >
63
63
  <span class="pf-v6-c-menu-toggle__icon">
64
64
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -93,7 +93,7 @@ cssPrefix: pf-v6-c-notification-drawer
93
93
  type="button"
94
94
  aria-expanded="false"
95
95
  aria-label="Menu toggle"
96
- id="notification-drawer-basic-examplemenu-toggle-3"
96
+ id="notification-drawer-basic-example-menu-toggle-3"
97
97
  >
98
98
  <span class="pf-v6-c-menu-toggle__icon">
99
99
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -128,7 +128,7 @@ cssPrefix: pf-v6-c-notification-drawer
128
128
  type="button"
129
129
  aria-expanded="false"
130
130
  aria-label="Menu toggle"
131
- id="notification-drawer-basic-examplemenu-toggle-4"
131
+ id="notification-drawer-basic-example-menu-toggle-4"
132
132
  >
133
133
  <span class="pf-v6-c-menu-toggle__icon">
134
134
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -160,7 +160,7 @@ cssPrefix: pf-v6-c-notification-drawer
160
160
  type="button"
161
161
  aria-expanded="false"
162
162
  aria-label="Menu toggle"
163
- id="notification-drawer-basic-examplemenu-toggle-5"
163
+ id="notification-drawer-basic-example-menu-toggle-5"
164
164
  >
165
165
  <span class="pf-v6-c-menu-toggle__icon">
166
166
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -192,7 +192,7 @@ cssPrefix: pf-v6-c-notification-drawer
192
192
  type="button"
193
193
  aria-expanded="false"
194
194
  aria-label="Menu toggle"
195
- id="notification-drawer-basic-examplemenu-toggle-6"
195
+ id="notification-drawer-basic-example-menu-toggle-6"
196
196
  >
197
197
  <span class="pf-v6-c-menu-toggle__icon">
198
198
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -226,7 +226,7 @@ cssPrefix: pf-v6-c-notification-drawer
226
226
  type="button"
227
227
  aria-expanded="false"
228
228
  aria-label="Menu toggle"
229
- id="notification-drawer-basic-examplemenu-toggle-7"
229
+ id="notification-drawer-basic-example-menu-toggle-7"
230
230
  >
231
231
  <span class="pf-v6-c-menu-toggle__icon">
232
232
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -261,7 +261,7 @@ cssPrefix: pf-v6-c-notification-drawer
261
261
  type="button"
262
262
  aria-expanded="false"
263
263
  aria-label="Menu toggle"
264
- id="notification-drawer-basic-examplemenu-toggle-8"
264
+ id="notification-drawer-basic-example-menu-toggle-8"
265
265
  >
266
266
  <span class="pf-v6-c-menu-toggle__icon">
267
267
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -318,7 +318,7 @@ cssPrefix: pf-v6-c-notification-drawer
318
318
  type="button"
319
319
  aria-expanded="false"
320
320
  aria-label="Menu toggle"
321
- id="notification-drawer-groups-examplemenu-toggle"
321
+ id="notification-drawer-groups-example-menu-toggle"
322
322
  >
323
323
  <span class="pf-v6-c-menu-toggle__icon">
324
324
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -377,7 +377,7 @@ cssPrefix: pf-v6-c-notification-drawer
377
377
  type="button"
378
378
  aria-expanded="false"
379
379
  aria-label="Menu toggle"
380
- id="notification-drawer-groups-example-group1menu-toggle-1"
380
+ id="notification-drawer-groups-example-group1-menu-toggle-1"
381
381
  >
382
382
  <span class="pf-v6-c-menu-toggle__icon">
383
383
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -412,7 +412,7 @@ cssPrefix: pf-v6-c-notification-drawer
412
412
  type="button"
413
413
  aria-expanded="false"
414
414
  aria-label="Menu toggle"
415
- id="notification-drawer-groups-example-group1menu-toggle-3"
415
+ id="notification-drawer-groups-example-group1-menu-toggle-3"
416
416
  >
417
417
  <span class="pf-v6-c-menu-toggle__icon">
418
418
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -447,7 +447,7 @@ cssPrefix: pf-v6-c-notification-drawer
447
447
  type="button"
448
448
  aria-expanded="false"
449
449
  aria-label="Menu toggle"
450
- id="notification-drawer-groups-example-group1menu-toggle-4"
450
+ id="notification-drawer-groups-example-group1-menu-toggle-4"
451
451
  >
452
452
  <span class="pf-v6-c-menu-toggle__icon">
453
453
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -479,7 +479,7 @@ cssPrefix: pf-v6-c-notification-drawer
479
479
  type="button"
480
480
  aria-expanded="false"
481
481
  aria-label="Menu toggle"
482
- id="notification-drawer-groups-example-group1menu-toggle-5"
482
+ id="notification-drawer-groups-example-group1-menu-toggle-5"
483
483
  >
484
484
  <span class="pf-v6-c-menu-toggle__icon">
485
485
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -511,7 +511,7 @@ cssPrefix: pf-v6-c-notification-drawer
511
511
  type="button"
512
512
  aria-expanded="false"
513
513
  aria-label="Menu toggle"
514
- id="notification-drawer-groups-example-group1menu-toggle-6"
514
+ id="notification-drawer-groups-example-group1-menu-toggle-6"
515
515
  >
516
516
  <span class="pf-v6-c-menu-toggle__icon">
517
517
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -545,7 +545,7 @@ cssPrefix: pf-v6-c-notification-drawer
545
545
  type="button"
546
546
  aria-expanded="false"
547
547
  aria-label="Menu toggle"
548
- id="notification-drawer-groups-example-group1menu-toggle-7"
548
+ id="notification-drawer-groups-example-group1-menu-toggle-7"
549
549
  >
550
550
  <span class="pf-v6-c-menu-toggle__icon">
551
551
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -580,7 +580,7 @@ cssPrefix: pf-v6-c-notification-drawer
580
580
  type="button"
581
581
  aria-expanded="false"
582
582
  aria-label="Menu toggle"
583
- id="notification-drawer-groups-example-group1menu-toggle-8"
583
+ id="notification-drawer-groups-example-group1-menu-toggle-8"
584
584
  >
585
585
  <span class="pf-v6-c-menu-toggle__icon">
586
586
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -660,7 +660,7 @@ cssPrefix: pf-v6-c-notification-drawer
660
660
  type="button"
661
661
  aria-expanded="false"
662
662
  aria-label="Menu toggle"
663
- id="notification-drawer-groups-example-group2menu-toggle-1"
663
+ id="notification-drawer-groups-example-group2-menu-toggle-1"
664
664
  >
665
665
  <span class="pf-v6-c-menu-toggle__icon">
666
666
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -695,7 +695,7 @@ cssPrefix: pf-v6-c-notification-drawer
695
695
  type="button"
696
696
  aria-expanded="false"
697
697
  aria-label="Menu toggle"
698
- id="notification-drawer-groups-example-group2menu-toggle-3"
698
+ id="notification-drawer-groups-example-group2-menu-toggle-3"
699
699
  >
700
700
  <span class="pf-v6-c-menu-toggle__icon">
701
701
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -730,7 +730,7 @@ cssPrefix: pf-v6-c-notification-drawer
730
730
  type="button"
731
731
  aria-expanded="false"
732
732
  aria-label="Menu toggle"
733
- id="notification-drawer-groups-example-group2menu-toggle-4"
733
+ id="notification-drawer-groups-example-group2-menu-toggle-4"
734
734
  >
735
735
  <span class="pf-v6-c-menu-toggle__icon">
736
736
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -762,7 +762,7 @@ cssPrefix: pf-v6-c-notification-drawer
762
762
  type="button"
763
763
  aria-expanded="false"
764
764
  aria-label="Menu toggle"
765
- id="notification-drawer-groups-example-group2menu-toggle-5"
765
+ id="notification-drawer-groups-example-group2-menu-toggle-5"
766
766
  >
767
767
  <span class="pf-v6-c-menu-toggle__icon">
768
768
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -794,7 +794,7 @@ cssPrefix: pf-v6-c-notification-drawer
794
794
  type="button"
795
795
  aria-expanded="false"
796
796
  aria-label="Menu toggle"
797
- id="notification-drawer-groups-example-group2menu-toggle-6"
797
+ id="notification-drawer-groups-example-group2-menu-toggle-6"
798
798
  >
799
799
  <span class="pf-v6-c-menu-toggle__icon">
800
800
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -828,7 +828,7 @@ cssPrefix: pf-v6-c-notification-drawer
828
828
  type="button"
829
829
  aria-expanded="false"
830
830
  aria-label="Menu toggle"
831
- id="notification-drawer-groups-example-group2menu-toggle-7"
831
+ id="notification-drawer-groups-example-group2-menu-toggle-7"
832
832
  >
833
833
  <span class="pf-v6-c-menu-toggle__icon">
834
834
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -863,7 +863,7 @@ cssPrefix: pf-v6-c-notification-drawer
863
863
  type="button"
864
864
  aria-expanded="false"
865
865
  aria-label="Menu toggle"
866
- id="notification-drawer-groups-example-group2menu-toggle-8"
866
+ id="notification-drawer-groups-example-group2-menu-toggle-8"
867
867
  >
868
868
  <span class="pf-v6-c-menu-toggle__icon">
869
869
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -943,7 +943,7 @@ cssPrefix: pf-v6-c-notification-drawer
943
943
  type="button"
944
944
  aria-expanded="false"
945
945
  aria-label="Menu toggle"
946
- id="notification-drawer-groups-example-group3menu-toggle-1"
946
+ id="notification-drawer-groups-example-group3-menu-toggle-1"
947
947
  >
948
948
  <span class="pf-v6-c-menu-toggle__icon">
949
949
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -978,7 +978,7 @@ cssPrefix: pf-v6-c-notification-drawer
978
978
  type="button"
979
979
  aria-expanded="false"
980
980
  aria-label="Menu toggle"
981
- id="notification-drawer-groups-example-group3menu-toggle-3"
981
+ id="notification-drawer-groups-example-group3-menu-toggle-3"
982
982
  >
983
983
  <span class="pf-v6-c-menu-toggle__icon">
984
984
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -1013,7 +1013,7 @@ cssPrefix: pf-v6-c-notification-drawer
1013
1013
  type="button"
1014
1014
  aria-expanded="false"
1015
1015
  aria-label="Menu toggle"
1016
- id="notification-drawer-groups-example-group3menu-toggle-4"
1016
+ id="notification-drawer-groups-example-group3-menu-toggle-4"
1017
1017
  >
1018
1018
  <span class="pf-v6-c-menu-toggle__icon">
1019
1019
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -1045,7 +1045,7 @@ cssPrefix: pf-v6-c-notification-drawer
1045
1045
  type="button"
1046
1046
  aria-expanded="false"
1047
1047
  aria-label="Menu toggle"
1048
- id="notification-drawer-groups-example-group3menu-toggle-5"
1048
+ id="notification-drawer-groups-example-group3-menu-toggle-5"
1049
1049
  >
1050
1050
  <span class="pf-v6-c-menu-toggle__icon">
1051
1051
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -1077,7 +1077,7 @@ cssPrefix: pf-v6-c-notification-drawer
1077
1077
  type="button"
1078
1078
  aria-expanded="false"
1079
1079
  aria-label="Menu toggle"
1080
- id="notification-drawer-groups-example-group3menu-toggle-6"
1080
+ id="notification-drawer-groups-example-group3-menu-toggle-6"
1081
1081
  >
1082
1082
  <span class="pf-v6-c-menu-toggle__icon">
1083
1083
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -1111,7 +1111,7 @@ cssPrefix: pf-v6-c-notification-drawer
1111
1111
  type="button"
1112
1112
  aria-expanded="false"
1113
1113
  aria-label="Menu toggle"
1114
- id="notification-drawer-groups-example-group3menu-toggle-7"
1114
+ id="notification-drawer-groups-example-group3-menu-toggle-7"
1115
1115
  >
1116
1116
  <span class="pf-v6-c-menu-toggle__icon">
1117
1117
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -1146,7 +1146,7 @@ cssPrefix: pf-v6-c-notification-drawer
1146
1146
  type="button"
1147
1147
  aria-expanded="false"
1148
1148
  aria-label="Menu toggle"
1149
- id="notification-drawer-groups-example-group3menu-toggle-8"
1149
+ id="notification-drawer-groups-example-group3-menu-toggle-8"
1150
1150
  >
1151
1151
  <span class="pf-v6-c-menu-toggle__icon">
1152
1152
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -1226,7 +1226,7 @@ cssPrefix: pf-v6-c-notification-drawer
1226
1226
  type="button"
1227
1227
  aria-expanded="false"
1228
1228
  aria-label="Menu toggle"
1229
- id="notification-drawer-groups-example-group4menu-toggle-1"
1229
+ id="notification-drawer-groups-example-group4-menu-toggle-1"
1230
1230
  >
1231
1231
  <span class="pf-v6-c-menu-toggle__icon">
1232
1232
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -1261,7 +1261,7 @@ cssPrefix: pf-v6-c-notification-drawer
1261
1261
  type="button"
1262
1262
  aria-expanded="false"
1263
1263
  aria-label="Menu toggle"
1264
- id="notification-drawer-groups-example-group4menu-toggle-3"
1264
+ id="notification-drawer-groups-example-group4-menu-toggle-3"
1265
1265
  >
1266
1266
  <span class="pf-v6-c-menu-toggle__icon">
1267
1267
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -1296,7 +1296,7 @@ cssPrefix: pf-v6-c-notification-drawer
1296
1296
  type="button"
1297
1297
  aria-expanded="false"
1298
1298
  aria-label="Menu toggle"
1299
- id="notification-drawer-groups-example-group4menu-toggle-4"
1299
+ id="notification-drawer-groups-example-group4-menu-toggle-4"
1300
1300
  >
1301
1301
  <span class="pf-v6-c-menu-toggle__icon">
1302
1302
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -1328,7 +1328,7 @@ cssPrefix: pf-v6-c-notification-drawer
1328
1328
  type="button"
1329
1329
  aria-expanded="false"
1330
1330
  aria-label="Menu toggle"
1331
- id="notification-drawer-groups-example-group4menu-toggle-5"
1331
+ id="notification-drawer-groups-example-group4-menu-toggle-5"
1332
1332
  >
1333
1333
  <span class="pf-v6-c-menu-toggle__icon">
1334
1334
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -1360,7 +1360,7 @@ cssPrefix: pf-v6-c-notification-drawer
1360
1360
  type="button"
1361
1361
  aria-expanded="false"
1362
1362
  aria-label="Menu toggle"
1363
- id="notification-drawer-groups-example-group4menu-toggle-6"
1363
+ id="notification-drawer-groups-example-group4-menu-toggle-6"
1364
1364
  >
1365
1365
  <span class="pf-v6-c-menu-toggle__icon">
1366
1366
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -1394,7 +1394,7 @@ cssPrefix: pf-v6-c-notification-drawer
1394
1394
  type="button"
1395
1395
  aria-expanded="false"
1396
1396
  aria-label="Menu toggle"
1397
- id="notification-drawer-groups-example-group4menu-toggle-7"
1397
+ id="notification-drawer-groups-example-group4-menu-toggle-7"
1398
1398
  >
1399
1399
  <span class="pf-v6-c-menu-toggle__icon">
1400
1400
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -1429,7 +1429,7 @@ cssPrefix: pf-v6-c-notification-drawer
1429
1429
  type="button"
1430
1430
  aria-expanded="false"
1431
1431
  aria-label="Menu toggle"
1432
- id="notification-drawer-groups-example-group4menu-toggle-8"
1432
+ id="notification-drawer-groups-example-group4-menu-toggle-8"
1433
1433
  >
1434
1434
  <span class="pf-v6-c-menu-toggle__icon">
1435
1435
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
package/docs/components/OverflowMenu/examples/overflow-menu.md CHANGED
@@ -20,7 +20,7 @@ The overflow menu relies on groups (`.pf-v6-c-overflow-menu__group`) and items (
20
20
  type="button"
21
21
  aria-expanded="false"
22
22
  aria-label="Menu toggle"
23
- id="overflow-menu-simpletoggle"
23
+ id="overflow-menu-simple-toggle"
24
24
  >
25
25
  <span class="pf-v6-c-menu-toggle__icon">
26
26
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -155,7 +155,7 @@ The action group consists of a primary and secondary action. Any additional acti
155
155
  type="button"
156
156
  aria-expanded="false"
157
157
  aria-label="Menu toggle"
158
- id="overflow-menu-simple-additional-options-hiddentoggle"
158
+ id="overflow-menu-simple-additional-options-hidden-toggle"
159
159
  >
160
160
  <span class="pf-v6-c-menu-toggle__icon">
161
161
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -233,7 +233,7 @@ The action group consists of a primary and secondary action. Any additional acti
233
233
  type="button"
234
234
  aria-expanded="false"
235
235
  aria-label="Menu toggle"
236
- id="overflow-menu-simple-additional-options-visibletoggle"
236
+ id="overflow-menu-simple-additional-options-visible-toggle"
237
237
  >
238
238
  <span class="pf-v6-c-menu-toggle__icon">
239
239
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -265,7 +265,7 @@ The action group consists of a primary and secondary action. Any additional acti
265
265
  type="button"
266
266
  aria-expanded="false"
267
267
  aria-label="Menu toggle"
268
- id="overflow-menu-persistent-hiddentoggle"
268
+ id="overflow-menu-persistent-hidden-toggle"
269
269
  >
270
270
  <span class="pf-v6-c-menu-toggle__icon">
271
271
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
@@ -308,7 +308,7 @@ The action group consists of a primary and secondary action. Any additional acti
308
308
  type="button"
309
309
  aria-expanded="false"
310
310
  aria-label="Menu toggle"
311
- id="overflow-menu-persistent-visible-exampletoggle"
311
+ id="overflow-menu-persistent-visible-example-toggle"
312
312
  >
313
313
  <span class="pf-v6-c-menu-toggle__icon">
314
314
  <i class="fas fa-ellipsis-v" aria-hidden="true"></i>