@patternfly/patternfly 4.222.0 → 4.222.1
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.
- package/docs/demos/Tabs/examples/Tabs.md +37 -534
- package/package.json +1 -1
|
@@ -4433,81 +4433,6 @@ section: components
|
|
|
4433
4433
|
</div>
|
|
4434
4434
|
</div>
|
|
4435
4435
|
</div>
|
|
4436
|
-
|
|
4437
|
-
<div class="pf-c-toolbar__item pf-m-pagination">
|
|
4438
|
-
<div class="pf-c-pagination pf-m-compact">
|
|
4439
|
-
<div class="pf-c-options-menu">
|
|
4440
|
-
<button
|
|
4441
|
-
class="pf-c-options-menu__toggle pf-m-text pf-m-plain"
|
|
4442
|
-
type="button"
|
|
4443
|
-
id="table-tabs-example-tabs-toolbar-top-pagination-toggle"
|
|
4444
|
-
aria-haspopup="listbox"
|
|
4445
|
-
aria-expanded="false"
|
|
4446
|
-
>
|
|
4447
|
-
<span class="pf-c-options-menu__toggle-text">
|
|
4448
|
-
<b>1 - 10</b> of
|
|
4449
|
-
<b>36</b>
|
|
4450
|
-
</span>
|
|
4451
|
-
<div class="pf-c-options-menu__toggle-icon">
|
|
4452
|
-
<i class="fas fa-caret-down" aria-hidden="true"></i>
|
|
4453
|
-
</div>
|
|
4454
|
-
</button>
|
|
4455
|
-
<ul
|
|
4456
|
-
class="pf-c-options-menu__menu"
|
|
4457
|
-
aria-labelledby="table-tabs-example-tabs-toolbar-top-pagination-toggle"
|
|
4458
|
-
hidden
|
|
4459
|
-
>
|
|
4460
|
-
<li>
|
|
4461
|
-
<button
|
|
4462
|
-
class="pf-c-options-menu__menu-item"
|
|
4463
|
-
type="button"
|
|
4464
|
-
>5 per page</button>
|
|
4465
|
-
</li>
|
|
4466
|
-
<li>
|
|
4467
|
-
<button
|
|
4468
|
-
class="pf-c-options-menu__menu-item"
|
|
4469
|
-
type="button"
|
|
4470
|
-
>
|
|
4471
|
-
10 per page
|
|
4472
|
-
<div class="pf-c-options-menu__menu-item-icon">
|
|
4473
|
-
<i class="fas fa-check" aria-hidden="true"></i>
|
|
4474
|
-
</div>
|
|
4475
|
-
</button>
|
|
4476
|
-
</li>
|
|
4477
|
-
<li>
|
|
4478
|
-
<button
|
|
4479
|
-
class="pf-c-options-menu__menu-item"
|
|
4480
|
-
type="button"
|
|
4481
|
-
>20 per page</button>
|
|
4482
|
-
</li>
|
|
4483
|
-
</ul>
|
|
4484
|
-
</div>
|
|
4485
|
-
<nav
|
|
4486
|
-
class="pf-c-pagination__nav"
|
|
4487
|
-
aria-label="Toolbar top pagination"
|
|
4488
|
-
>
|
|
4489
|
-
<div class="pf-c-pagination__nav-control pf-m-prev">
|
|
4490
|
-
<button
|
|
4491
|
-
class="pf-c-button pf-m-plain"
|
|
4492
|
-
type="button"
|
|
4493
|
-
disabled
|
|
4494
|
-
aria-label="Go to previous page"
|
|
4495
|
-
>
|
|
4496
|
-
<i class="fas fa-angle-left" aria-hidden="true"></i>
|
|
4497
|
-
</button>
|
|
4498
|
-
</div>
|
|
4499
|
-
<div class="pf-c-pagination__nav-control pf-m-next">
|
|
4500
|
-
<button
|
|
4501
|
-
class="pf-c-button pf-m-plain"
|
|
4502
|
-
type="button"
|
|
4503
|
-
aria-label="Go to next page"
|
|
4504
|
-
>
|
|
4505
|
-
<i class="fas fa-angle-right" aria-hidden="true"></i>
|
|
4506
|
-
</button>
|
|
4507
|
-
</div>
|
|
4508
|
-
</nav>
|
|
4509
|
-
</div>
|
|
4510
|
-
</div>
|
|
4511
4436
|
</div>
|
|
4512
4437
|
|
|
4513
4438
|
<div
|
|
@@ -4907,467 +4832,8 @@ section: components
|
|
|
4907
4832
|
</div>
|
|
4908
4833
|
</td>
|
|
4909
4834
|
</tr>
|
|
4910
|
-
|
|
4911
|
-
<tr role="row">
|
|
4912
|
-
<td class="pf-c-table__check" role="cell">
|
|
4913
|
-
<input
|
|
4914
|
-
type="checkbox"
|
|
4915
|
-
name="checkrow6"
|
|
4916
|
-
aria-labelledby="table-tabs-example-table-node6"
|
|
4917
|
-
/>
|
|
4918
|
-
</td>
|
|
4919
|
-
<th role="columnheader" data-label="Repository name">
|
|
4920
|
-
<div>
|
|
4921
|
-
<div id="table-tabs-example-table-node6">Node 6</div>
|
|
4922
|
-
<a href="#">siemur/test-space</a>
|
|
4923
|
-
</div>
|
|
4924
|
-
</th>
|
|
4925
|
-
<td role="cell" data-label="Branches">
|
|
4926
|
-
<div class="pf-l-flex pf-m-space-items-sm pf-m-nowrap">
|
|
4927
|
-
<div class="pf-l-flex__item">34</div>
|
|
4928
|
-
<div class="pf-l-flex__item">
|
|
4929
|
-
<i class="fas fa-code-branch"></i>
|
|
4930
|
-
</div>
|
|
4931
|
-
</div>
|
|
4932
|
-
</td>
|
|
4933
|
-
<td role="cell" data-label="Pull requests">
|
|
4934
|
-
<div class="pf-l-flex pf-m-space-items-sm pf-m-nowrap">
|
|
4935
|
-
<div class="pf-l-flex__item">21</div>
|
|
4936
|
-
<div class="pf-l-flex__item">
|
|
4937
|
-
<i class="fas fa-code"></i>
|
|
4938
|
-
</div>
|
|
4939
|
-
</div>
|
|
4940
|
-
</td>
|
|
4941
|
-
<td role="cell" data-label="Workspaces">
|
|
4942
|
-
<div class="pf-l-flex pf-m-space-items-sm pf-m-nowrap">
|
|
4943
|
-
<div class="pf-l-flex__item">26</div>
|
|
4944
|
-
<div class="pf-l-flex__item">
|
|
4945
|
-
<i class="fas fa-cube"></i>
|
|
4946
|
-
</div>
|
|
4947
|
-
</div>
|
|
4948
|
-
</td>
|
|
4949
|
-
<td role="cell" data-label="Last commit">2 days ago</td>
|
|
4950
|
-
<td class="pf-c-table__action" role="cell">
|
|
4951
|
-
<div
|
|
4952
|
-
class="pf-c-overflow-menu"
|
|
4953
|
-
id="table-tabs-example-table-dropdown-kebab-6"
|
|
4954
|
-
>
|
|
4955
|
-
<div class="pf-c-overflow-menu__control">
|
|
4956
|
-
<div class="pf-c-dropdown">
|
|
4957
|
-
<button
|
|
4958
|
-
class="pf-c-button pf-c-dropdown__toggle pf-m-plain"
|
|
4959
|
-
type="button"
|
|
4960
|
-
id="table-tabs-example-table-dropdown-kebab-6-dropdown-toggle"
|
|
4961
|
-
aria-label="Dropdown for tabs table"
|
|
4962
|
-
aria-expanded="false"
|
|
4963
|
-
>
|
|
4964
|
-
<i class="fas fa-ellipsis-v" aria-hidden="true"></i>
|
|
4965
|
-
</button>
|
|
4966
|
-
<ul
|
|
4967
|
-
class="pf-c-dropdown__menu pf-m-align-right"
|
|
4968
|
-
aria-labelledby="table-tabs-example-table-dropdown-kebab-6-dropdown-toggle"
|
|
4969
|
-
hidden
|
|
4970
|
-
>
|
|
4971
|
-
<li>
|
|
4972
|
-
<button
|
|
4973
|
-
class="pf-c-dropdown__menu-item"
|
|
4974
|
-
>Action Link</button>
|
|
4975
|
-
</li>
|
|
4976
|
-
</ul>
|
|
4977
|
-
</div>
|
|
4978
|
-
</div>
|
|
4979
|
-
</div>
|
|
4980
|
-
</td>
|
|
4981
|
-
</tr>
|
|
4982
|
-
|
|
4983
|
-
<tr role="row">
|
|
4984
|
-
<td class="pf-c-table__check" role="cell">
|
|
4985
|
-
<input
|
|
4986
|
-
type="checkbox"
|
|
4987
|
-
name="checkrow7"
|
|
4988
|
-
aria-labelledby="table-tabs-example-table-node7"
|
|
4989
|
-
/>
|
|
4990
|
-
</td>
|
|
4991
|
-
<th role="columnheader" data-label="Repository name">
|
|
4992
|
-
<div>
|
|
4993
|
-
<div id="table-tabs-example-table-node7">Node 7</div>
|
|
4994
|
-
<a href="#">siemur/test-space</a>
|
|
4995
|
-
</div>
|
|
4996
|
-
</th>
|
|
4997
|
-
<td role="cell" data-label="Branches">
|
|
4998
|
-
<div class="pf-l-flex pf-m-space-items-sm pf-m-nowrap">
|
|
4999
|
-
<div class="pf-l-flex__item">34</div>
|
|
5000
|
-
<div class="pf-l-flex__item">
|
|
5001
|
-
<i class="fas fa-code-branch"></i>
|
|
5002
|
-
</div>
|
|
5003
|
-
</div>
|
|
5004
|
-
</td>
|
|
5005
|
-
<td role="cell" data-label="Pull requests">
|
|
5006
|
-
<div class="pf-l-flex pf-m-space-items-sm pf-m-nowrap">
|
|
5007
|
-
<div class="pf-l-flex__item">21</div>
|
|
5008
|
-
<div class="pf-l-flex__item">
|
|
5009
|
-
<i class="fas fa-code"></i>
|
|
5010
|
-
</div>
|
|
5011
|
-
</div>
|
|
5012
|
-
</td>
|
|
5013
|
-
<td role="cell" data-label="Workspaces">
|
|
5014
|
-
<div class="pf-l-flex pf-m-space-items-sm pf-m-nowrap">
|
|
5015
|
-
<div class="pf-l-flex__item">26</div>
|
|
5016
|
-
<div class="pf-l-flex__item">
|
|
5017
|
-
<i class="fas fa-cube"></i>
|
|
5018
|
-
</div>
|
|
5019
|
-
</div>
|
|
5020
|
-
</td>
|
|
5021
|
-
<td role="cell" data-label="Last commit">2 days ago</td>
|
|
5022
|
-
<td class="pf-c-table__action" role="cell">
|
|
5023
|
-
<div
|
|
5024
|
-
class="pf-c-overflow-menu"
|
|
5025
|
-
id="table-tabs-example-table-dropdown-kebab-7"
|
|
5026
|
-
>
|
|
5027
|
-
<div class="pf-c-overflow-menu__control">
|
|
5028
|
-
<div class="pf-c-dropdown">
|
|
5029
|
-
<button
|
|
5030
|
-
class="pf-c-button pf-c-dropdown__toggle pf-m-plain"
|
|
5031
|
-
type="button"
|
|
5032
|
-
id="table-tabs-example-table-dropdown-kebab-7-dropdown-toggle"
|
|
5033
|
-
aria-label="Dropdown for tabs table"
|
|
5034
|
-
aria-expanded="false"
|
|
5035
|
-
>
|
|
5036
|
-
<i class="fas fa-ellipsis-v" aria-hidden="true"></i>
|
|
5037
|
-
</button>
|
|
5038
|
-
<ul
|
|
5039
|
-
class="pf-c-dropdown__menu pf-m-align-right"
|
|
5040
|
-
aria-labelledby="table-tabs-example-table-dropdown-kebab-7-dropdown-toggle"
|
|
5041
|
-
hidden
|
|
5042
|
-
>
|
|
5043
|
-
<li>
|
|
5044
|
-
<button
|
|
5045
|
-
class="pf-c-dropdown__menu-item"
|
|
5046
|
-
>Action Link</button>
|
|
5047
|
-
</li>
|
|
5048
|
-
</ul>
|
|
5049
|
-
</div>
|
|
5050
|
-
</div>
|
|
5051
|
-
</div>
|
|
5052
|
-
</td>
|
|
5053
|
-
</tr>
|
|
5054
|
-
|
|
5055
|
-
<tr role="row">
|
|
5056
|
-
<td class="pf-c-table__check" role="cell">
|
|
5057
|
-
<input
|
|
5058
|
-
type="checkbox"
|
|
5059
|
-
name="checkrow8"
|
|
5060
|
-
aria-labelledby="table-tabs-example-table-node8"
|
|
5061
|
-
/>
|
|
5062
|
-
</td>
|
|
5063
|
-
<th role="columnheader" data-label="Repository name">
|
|
5064
|
-
<div>
|
|
5065
|
-
<div id="table-tabs-example-table-node8">Node 8</div>
|
|
5066
|
-
<a href="#">siemur/test-space</a>
|
|
5067
|
-
</div>
|
|
5068
|
-
</th>
|
|
5069
|
-
<td role="cell" data-label="Branches">
|
|
5070
|
-
<div class="pf-l-flex pf-m-space-items-sm pf-m-nowrap">
|
|
5071
|
-
<div class="pf-l-flex__item">34</div>
|
|
5072
|
-
<div class="pf-l-flex__item">
|
|
5073
|
-
<i class="fas fa-code-branch"></i>
|
|
5074
|
-
</div>
|
|
5075
|
-
</div>
|
|
5076
|
-
</td>
|
|
5077
|
-
<td role="cell" data-label="Pull requests">
|
|
5078
|
-
<div class="pf-l-flex pf-m-space-items-sm pf-m-nowrap">
|
|
5079
|
-
<div class="pf-l-flex__item">21</div>
|
|
5080
|
-
<div class="pf-l-flex__item">
|
|
5081
|
-
<i class="fas fa-code"></i>
|
|
5082
|
-
</div>
|
|
5083
|
-
</div>
|
|
5084
|
-
</td>
|
|
5085
|
-
<td role="cell" data-label="Workspaces">
|
|
5086
|
-
<div class="pf-l-flex pf-m-space-items-sm pf-m-nowrap">
|
|
5087
|
-
<div class="pf-l-flex__item">26</div>
|
|
5088
|
-
<div class="pf-l-flex__item">
|
|
5089
|
-
<i class="fas fa-cube"></i>
|
|
5090
|
-
</div>
|
|
5091
|
-
</div>
|
|
5092
|
-
</td>
|
|
5093
|
-
<td role="cell" data-label="Last commit">2 days ago</td>
|
|
5094
|
-
<td class="pf-c-table__action" role="cell">
|
|
5095
|
-
<div
|
|
5096
|
-
class="pf-c-overflow-menu"
|
|
5097
|
-
id="table-tabs-example-table-dropdown-kebab-8"
|
|
5098
|
-
>
|
|
5099
|
-
<div class="pf-c-overflow-menu__control">
|
|
5100
|
-
<div class="pf-c-dropdown">
|
|
5101
|
-
<button
|
|
5102
|
-
class="pf-c-button pf-c-dropdown__toggle pf-m-plain"
|
|
5103
|
-
type="button"
|
|
5104
|
-
id="table-tabs-example-table-dropdown-kebab-8-dropdown-toggle"
|
|
5105
|
-
aria-label="Dropdown for tabs table"
|
|
5106
|
-
aria-expanded="false"
|
|
5107
|
-
>
|
|
5108
|
-
<i class="fas fa-ellipsis-v" aria-hidden="true"></i>
|
|
5109
|
-
</button>
|
|
5110
|
-
<ul
|
|
5111
|
-
class="pf-c-dropdown__menu pf-m-align-right"
|
|
5112
|
-
aria-labelledby="table-tabs-example-table-dropdown-kebab-8-dropdown-toggle"
|
|
5113
|
-
hidden
|
|
5114
|
-
>
|
|
5115
|
-
<li>
|
|
5116
|
-
<button
|
|
5117
|
-
class="pf-c-dropdown__menu-item"
|
|
5118
|
-
>Action Link</button>
|
|
5119
|
-
</li>
|
|
5120
|
-
</ul>
|
|
5121
|
-
</div>
|
|
5122
|
-
</div>
|
|
5123
|
-
</div>
|
|
5124
|
-
</td>
|
|
5125
|
-
</tr>
|
|
5126
|
-
|
|
5127
|
-
<tr role="row">
|
|
5128
|
-
<td class="pf-c-table__check" role="cell">
|
|
5129
|
-
<input
|
|
5130
|
-
type="checkbox"
|
|
5131
|
-
name="checkrow9"
|
|
5132
|
-
aria-labelledby="table-tabs-example-table-node9"
|
|
5133
|
-
/>
|
|
5134
|
-
</td>
|
|
5135
|
-
<th role="columnheader" data-label="Repository name">
|
|
5136
|
-
<div>
|
|
5137
|
-
<div id="table-tabs-example-table-node9">Node 9</div>
|
|
5138
|
-
<a href="#">siemur/test-space</a>
|
|
5139
|
-
</div>
|
|
5140
|
-
</th>
|
|
5141
|
-
<td role="cell" data-label="Branches">
|
|
5142
|
-
<div class="pf-l-flex pf-m-space-items-sm pf-m-nowrap">
|
|
5143
|
-
<div class="pf-l-flex__item">34</div>
|
|
5144
|
-
<div class="pf-l-flex__item">
|
|
5145
|
-
<i class="fas fa-code-branch"></i>
|
|
5146
|
-
</div>
|
|
5147
|
-
</div>
|
|
5148
|
-
</td>
|
|
5149
|
-
<td role="cell" data-label="Pull requests">
|
|
5150
|
-
<div class="pf-l-flex pf-m-space-items-sm pf-m-nowrap">
|
|
5151
|
-
<div class="pf-l-flex__item">21</div>
|
|
5152
|
-
<div class="pf-l-flex__item">
|
|
5153
|
-
<i class="fas fa-code"></i>
|
|
5154
|
-
</div>
|
|
5155
|
-
</div>
|
|
5156
|
-
</td>
|
|
5157
|
-
<td role="cell" data-label="Workspaces">
|
|
5158
|
-
<div class="pf-l-flex pf-m-space-items-sm pf-m-nowrap">
|
|
5159
|
-
<div class="pf-l-flex__item">26</div>
|
|
5160
|
-
<div class="pf-l-flex__item">
|
|
5161
|
-
<i class="fas fa-cube"></i>
|
|
5162
|
-
</div>
|
|
5163
|
-
</div>
|
|
5164
|
-
</td>
|
|
5165
|
-
<td role="cell" data-label="Last commit">2 days ago</td>
|
|
5166
|
-
<td class="pf-c-table__action" role="cell">
|
|
5167
|
-
<div
|
|
5168
|
-
class="pf-c-overflow-menu"
|
|
5169
|
-
id="table-tabs-example-table-dropdown-kebab-9"
|
|
5170
|
-
>
|
|
5171
|
-
<div class="pf-c-overflow-menu__control">
|
|
5172
|
-
<div class="pf-c-dropdown">
|
|
5173
|
-
<button
|
|
5174
|
-
class="pf-c-button pf-c-dropdown__toggle pf-m-plain"
|
|
5175
|
-
type="button"
|
|
5176
|
-
id="table-tabs-example-table-dropdown-kebab-9-dropdown-toggle"
|
|
5177
|
-
aria-label="Dropdown for tabs table"
|
|
5178
|
-
aria-expanded="false"
|
|
5179
|
-
>
|
|
5180
|
-
<i class="fas fa-ellipsis-v" aria-hidden="true"></i>
|
|
5181
|
-
</button>
|
|
5182
|
-
<ul
|
|
5183
|
-
class="pf-c-dropdown__menu pf-m-align-right"
|
|
5184
|
-
aria-labelledby="table-tabs-example-table-dropdown-kebab-9-dropdown-toggle"
|
|
5185
|
-
hidden
|
|
5186
|
-
>
|
|
5187
|
-
<li>
|
|
5188
|
-
<button
|
|
5189
|
-
class="pf-c-dropdown__menu-item"
|
|
5190
|
-
>Action Link</button>
|
|
5191
|
-
</li>
|
|
5192
|
-
</ul>
|
|
5193
|
-
</div>
|
|
5194
|
-
</div>
|
|
5195
|
-
</div>
|
|
5196
|
-
</td>
|
|
5197
|
-
</tr>
|
|
5198
|
-
|
|
5199
|
-
<tr role="row">
|
|
5200
|
-
<td class="pf-c-table__check" role="cell">
|
|
5201
|
-
<input
|
|
5202
|
-
type="checkbox"
|
|
5203
|
-
name="checkrow10"
|
|
5204
|
-
aria-labelledby="table-tabs-example-table-node10"
|
|
5205
|
-
/>
|
|
5206
|
-
</td>
|
|
5207
|
-
<th role="columnheader" data-label="Repository name">
|
|
5208
|
-
<div>
|
|
5209
|
-
<div id="table-tabs-example-table-node10">Node 10</div>
|
|
5210
|
-
<a href="#">siemur/test-space</a>
|
|
5211
|
-
</div>
|
|
5212
|
-
</th>
|
|
5213
|
-
<td role="cell" data-label="Branches">
|
|
5214
|
-
<div class="pf-l-flex pf-m-space-items-sm pf-m-nowrap">
|
|
5215
|
-
<div class="pf-l-flex__item">34</div>
|
|
5216
|
-
<div class="pf-l-flex__item">
|
|
5217
|
-
<i class="fas fa-code-branch"></i>
|
|
5218
|
-
</div>
|
|
5219
|
-
</div>
|
|
5220
|
-
</td>
|
|
5221
|
-
<td role="cell" data-label="Pull requests">
|
|
5222
|
-
<div class="pf-l-flex pf-m-space-items-sm pf-m-nowrap">
|
|
5223
|
-
<div class="pf-l-flex__item">21</div>
|
|
5224
|
-
<div class="pf-l-flex__item">
|
|
5225
|
-
<i class="fas fa-code"></i>
|
|
5226
|
-
</div>
|
|
5227
|
-
</div>
|
|
5228
|
-
</td>
|
|
5229
|
-
<td role="cell" data-label="Workspaces">
|
|
5230
|
-
<div class="pf-l-flex pf-m-space-items-sm pf-m-nowrap">
|
|
5231
|
-
<div class="pf-l-flex__item">26</div>
|
|
5232
|
-
<div class="pf-l-flex__item">
|
|
5233
|
-
<i class="fas fa-cube"></i>
|
|
5234
|
-
</div>
|
|
5235
|
-
</div>
|
|
5236
|
-
</td>
|
|
5237
|
-
<td role="cell" data-label="Last commit">2 days ago</td>
|
|
5238
|
-
<td class="pf-c-table__action" role="cell">
|
|
5239
|
-
<div
|
|
5240
|
-
class="pf-c-overflow-menu"
|
|
5241
|
-
id="table-tabs-example-table-dropdown-kebab-10"
|
|
5242
|
-
>
|
|
5243
|
-
<div class="pf-c-overflow-menu__control">
|
|
5244
|
-
<div class="pf-c-dropdown">
|
|
5245
|
-
<button
|
|
5246
|
-
class="pf-c-button pf-c-dropdown__toggle pf-m-plain"
|
|
5247
|
-
type="button"
|
|
5248
|
-
id="table-tabs-example-table-dropdown-kebab-10-dropdown-toggle"
|
|
5249
|
-
aria-label="Dropdown for tabs table"
|
|
5250
|
-
aria-expanded="false"
|
|
5251
|
-
>
|
|
5252
|
-
<i class="fas fa-ellipsis-v" aria-hidden="true"></i>
|
|
5253
|
-
</button>
|
|
5254
|
-
<ul
|
|
5255
|
-
class="pf-c-dropdown__menu pf-m-align-right"
|
|
5256
|
-
aria-labelledby="table-tabs-example-table-dropdown-kebab-10-dropdown-toggle"
|
|
5257
|
-
hidden
|
|
5258
|
-
>
|
|
5259
|
-
<li>
|
|
5260
|
-
<button
|
|
5261
|
-
class="pf-c-dropdown__menu-item"
|
|
5262
|
-
>Action Link</button>
|
|
5263
|
-
</li>
|
|
5264
|
-
</ul>
|
|
5265
|
-
</div>
|
|
5266
|
-
</div>
|
|
5267
|
-
</div>
|
|
5268
|
-
</td>
|
|
5269
|
-
</tr>
|
|
5270
4835
|
</tbody>
|
|
5271
4836
|
</table>
|
|
5272
|
-
<div class="pf-c-pagination pf-m-bottom">
|
|
5273
|
-
<div class="pf-c-options-menu pf-m-top">
|
|
5274
|
-
<button
|
|
5275
|
-
class="pf-c-options-menu__toggle pf-m-text pf-m-plain"
|
|
5276
|
-
type="button"
|
|
5277
|
-
id="-footer-pagination-toggle"
|
|
5278
|
-
aria-haspopup="listbox"
|
|
5279
|
-
aria-expanded="false"
|
|
5280
|
-
>
|
|
5281
|
-
<span class="pf-c-options-menu__toggle-text">
|
|
5282
|
-
<b>1 - 10</b> of
|
|
5283
|
-
<b>36</b>
|
|
5284
|
-
</span>
|
|
5285
|
-
<div class="pf-c-options-menu__toggle-icon">
|
|
5286
|
-
<i class="fas fa-caret-down" aria-hidden="true"></i>
|
|
5287
|
-
</div>
|
|
5288
|
-
</button>
|
|
5289
|
-
<ul
|
|
5290
|
-
class="pf-c-options-menu__menu pf-m-top"
|
|
5291
|
-
aria-labelledby="-footer-pagination-toggle"
|
|
5292
|
-
hidden
|
|
5293
|
-
>
|
|
5294
|
-
<li>
|
|
5295
|
-
<button
|
|
5296
|
-
class="pf-c-options-menu__menu-item"
|
|
5297
|
-
type="button"
|
|
5298
|
-
>5 per page</button>
|
|
5299
|
-
</li>
|
|
5300
|
-
<li>
|
|
5301
|
-
<button
|
|
5302
|
-
class="pf-c-options-menu__menu-item"
|
|
5303
|
-
type="button"
|
|
5304
|
-
>
|
|
5305
|
-
10 per page
|
|
5306
|
-
<div class="pf-c-options-menu__menu-item-icon">
|
|
5307
|
-
<i class="fas fa-check" aria-hidden="true"></i>
|
|
5308
|
-
</div>
|
|
5309
|
-
</button>
|
|
5310
|
-
</li>
|
|
5311
|
-
<li>
|
|
5312
|
-
<button
|
|
5313
|
-
class="pf-c-options-menu__menu-item"
|
|
5314
|
-
type="button"
|
|
5315
|
-
>20 per page</button>
|
|
5316
|
-
</li>
|
|
5317
|
-
</ul>
|
|
5318
|
-
</div>
|
|
5319
|
-
<nav class="pf-c-pagination__nav" aria-label="Pagination">
|
|
5320
|
-
<div class="pf-c-pagination__nav-control pf-m-first">
|
|
5321
|
-
<button
|
|
5322
|
-
class="pf-c-button pf-m-plain"
|
|
5323
|
-
type="button"
|
|
5324
|
-
disabled
|
|
5325
|
-
aria-label="Go to first page"
|
|
5326
|
-
>
|
|
5327
|
-
<i class="fas fa-angle-double-left" aria-hidden="true"></i>
|
|
5328
|
-
</button>
|
|
5329
|
-
</div>
|
|
5330
|
-
<div class="pf-c-pagination__nav-control pf-m-prev">
|
|
5331
|
-
<button
|
|
5332
|
-
class="pf-c-button pf-m-plain"
|
|
5333
|
-
type="button"
|
|
5334
|
-
disabled
|
|
5335
|
-
aria-label="Go to previous page"
|
|
5336
|
-
>
|
|
5337
|
-
<i class="fas fa-angle-left" aria-hidden="true"></i>
|
|
5338
|
-
</button>
|
|
5339
|
-
</div>
|
|
5340
|
-
<div class="pf-c-pagination__nav-page-select">
|
|
5341
|
-
<input
|
|
5342
|
-
class="pf-c-form-control"
|
|
5343
|
-
aria-label="Current page"
|
|
5344
|
-
type="number"
|
|
5345
|
-
min="1"
|
|
5346
|
-
max="4"
|
|
5347
|
-
value="1"
|
|
5348
|
-
/>
|
|
5349
|
-
<span aria-hidden="true">of 4</span>
|
|
5350
|
-
</div>
|
|
5351
|
-
<div class="pf-c-pagination__nav-control pf-m-next">
|
|
5352
|
-
<button
|
|
5353
|
-
class="pf-c-button pf-m-plain"
|
|
5354
|
-
type="button"
|
|
5355
|
-
aria-label="Go to next page"
|
|
5356
|
-
>
|
|
5357
|
-
<i class="fas fa-angle-right" aria-hidden="true"></i>
|
|
5358
|
-
</button>
|
|
5359
|
-
</div>
|
|
5360
|
-
<div class="pf-c-pagination__nav-control pf-m-last">
|
|
5361
|
-
<button
|
|
5362
|
-
class="pf-c-button pf-m-plain"
|
|
5363
|
-
type="button"
|
|
5364
|
-
aria-label="Go to last page"
|
|
5365
|
-
>
|
|
5366
|
-
<i class="fas fa-angle-double-right" aria-hidden="true"></i>
|
|
5367
|
-
</button>
|
|
5368
|
-
</div>
|
|
5369
|
-
</nav>
|
|
5370
|
-
</div>
|
|
5371
4837
|
</div>
|
|
5372
4838
|
</div>
|
|
5373
4839
|
|
|
@@ -5505,6 +4971,43 @@ section: components
|
|
|
5505
4971
|
</div>
|
|
5506
4972
|
</div>
|
|
5507
4973
|
</div>
|
|
4974
|
+
<div class="pf-l-flex pf-m-column">
|
|
4975
|
+
<div class="pf-l-flex__item">
|
|
4976
|
+
<h3 class="pf-c-title" id="-title">Tags</h3>
|
|
4977
|
+
</div>
|
|
4978
|
+
<div class="pf-l-flex__item">
|
|
4979
|
+
<div class="pf-c-label-group">
|
|
4980
|
+
<div class="pf-c-label-group__main">
|
|
4981
|
+
<ul
|
|
4982
|
+
class="pf-c-label-group__list"
|
|
4983
|
+
role="list"
|
|
4984
|
+
aria-label="Group of labels"
|
|
4985
|
+
>
|
|
4986
|
+
<li class="pf-c-label-group__list-item">
|
|
4987
|
+
<span class="pf-c-label pf-m-outline">
|
|
4988
|
+
<span class="pf-c-label__content">Tag 1</span>
|
|
4989
|
+
</span>
|
|
4990
|
+
</li>
|
|
4991
|
+
<li class="pf-c-label-group__list-item">
|
|
4992
|
+
<span class="pf-c-label pf-m-outline">
|
|
4993
|
+
<span class="pf-c-label__content">Tag 2</span>
|
|
4994
|
+
</span>
|
|
4995
|
+
</li>
|
|
4996
|
+
<li class="pf-c-label-group__list-item">
|
|
4997
|
+
<span class="pf-c-label pf-m-outline">
|
|
4998
|
+
<span class="pf-c-label__content">Tag 3</span>
|
|
4999
|
+
</span>
|
|
5000
|
+
</li>
|
|
5001
|
+
<li class="pf-c-label-group__list-item">
|
|
5002
|
+
<span class="pf-c-label pf-m-overflow">
|
|
5003
|
+
<span class="pf-c-label__content">2 more</span>
|
|
5004
|
+
</span>
|
|
5005
|
+
</li>
|
|
5006
|
+
</ul>
|
|
5007
|
+
</div>
|
|
5008
|
+
</div>
|
|
5009
|
+
</div>
|
|
5010
|
+
</div>
|
|
5508
5011
|
</div>
|
|
5509
5012
|
</div>
|
|
5510
5013
|
</section>
|