@patternfly/patternfly 6.6.0-prerelease.24 → 6.6.0-prerelease.25
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/components/Form/form.scss +1 -0
- package/components/Tabs/tabs.css +19 -5
- package/components/Tabs/tabs.scss +22 -5
- package/components/_index.css +19 -5
- package/docs/components/Button/examples/Button.md +2 -2
- package/docs/components/Form/examples/Form.md +36 -8
- package/docs/components/Tabs/examples/Tabs.md +18 -998
- package/docs/components/TextInputGroup/examples/TextInputGroup.md +46 -34
- package/docs/demos/Alert/examples/Alert.md +32 -14
- package/docs/demos/Button/examples/Button.md +57 -45
- package/docs/demos/Compass/examples/Compass.md +0 -404
- package/docs/demos/Form/examples/BasicForms.md +56 -28
- package/package.json +2 -2
- package/patternfly-no-globals.css +19 -5
- package/patternfly.css +19 -5
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
|
@@ -15,30 +15,6 @@ cssPrefix: pf-v6-c-tabs
|
|
|
15
15
|
role="region"
|
|
16
16
|
id="default-tabs"
|
|
17
17
|
>
|
|
18
|
-
<div class="pf-v6-c-tabs__scroll-button" aria-hidden="true">
|
|
19
|
-
<button
|
|
20
|
-
class="pf-v6-c-button pf-m-plain"
|
|
21
|
-
type="button"
|
|
22
|
-
aria-label="Scroll left"
|
|
23
|
-
disabled
|
|
24
|
-
>
|
|
25
|
-
<span class="pf-v6-c-button__icon">
|
|
26
|
-
<svg
|
|
27
|
-
class="pf-v6-svg"
|
|
28
|
-
fill="currentColor"
|
|
29
|
-
viewBox="0 0 20 20"
|
|
30
|
-
aria-hidden="true"
|
|
31
|
-
role="img"
|
|
32
|
-
width="1em"
|
|
33
|
-
height="1em"
|
|
34
|
-
>
|
|
35
|
-
<path
|
|
36
|
-
d="m6.41 10 7.29-7.29.02-.02c.38-.4.37-1.03-.02-1.41-.4-.38-1.03-.37-1.41.02L4.64 8.95a1.49 1.49 0 0 0 0 2.12l7.65 7.65c.19.19.44.29.71.29.27 0 .52-.11.71-.29a.996.996 0 0 0 0-1.41l-7.29-7.29Z"
|
|
37
|
-
/>
|
|
38
|
-
</svg>
|
|
39
|
-
</span>
|
|
40
|
-
</button>
|
|
41
|
-
</div>
|
|
42
18
|
<ul class="pf-v6-c-tabs__list" role="tablist" aria-label="Default example">
|
|
43
19
|
<li class="pf-v6-c-tabs__item" role="presentation">
|
|
44
20
|
<button
|
|
@@ -110,31 +86,6 @@ cssPrefix: pf-v6-c-tabs
|
|
|
110
86
|
</button>
|
|
111
87
|
</li>
|
|
112
88
|
</ul>
|
|
113
|
-
|
|
114
|
-
<div class="pf-v6-c-tabs__scroll-button" aria-hidden="true">
|
|
115
|
-
<button
|
|
116
|
-
class="pf-v6-c-button pf-m-plain"
|
|
117
|
-
type="button"
|
|
118
|
-
aria-label="Scroll right"
|
|
119
|
-
disabled
|
|
120
|
-
>
|
|
121
|
-
<span class="pf-v6-c-button__icon">
|
|
122
|
-
<svg
|
|
123
|
-
class="pf-v6-svg"
|
|
124
|
-
fill="currentColor"
|
|
125
|
-
viewBox="0 0 20 20"
|
|
126
|
-
aria-hidden="true"
|
|
127
|
-
role="img"
|
|
128
|
-
width="1em"
|
|
129
|
-
height="1em"
|
|
130
|
-
>
|
|
131
|
-
<path
|
|
132
|
-
d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
|
|
133
|
-
/>
|
|
134
|
-
</svg>
|
|
135
|
-
</span>
|
|
136
|
-
</button>
|
|
137
|
-
</div>
|
|
138
89
|
</div>
|
|
139
90
|
|
|
140
91
|
```
|
|
@@ -1495,30 +1446,6 @@ cssPrefix: pf-v6-c-tabs
|
|
|
1495
1446
|
role="region"
|
|
1496
1447
|
id="box-tabs"
|
|
1497
1448
|
>
|
|
1498
|
-
<div class="pf-v6-c-tabs__scroll-button" aria-hidden="true">
|
|
1499
|
-
<button
|
|
1500
|
-
class="pf-v6-c-button pf-m-plain"
|
|
1501
|
-
type="button"
|
|
1502
|
-
aria-label="Scroll left"
|
|
1503
|
-
disabled
|
|
1504
|
-
>
|
|
1505
|
-
<span class="pf-v6-c-button__icon">
|
|
1506
|
-
<svg
|
|
1507
|
-
class="pf-v6-svg"
|
|
1508
|
-
fill="currentColor"
|
|
1509
|
-
viewBox="0 0 20 20"
|
|
1510
|
-
aria-hidden="true"
|
|
1511
|
-
role="img"
|
|
1512
|
-
width="1em"
|
|
1513
|
-
height="1em"
|
|
1514
|
-
>
|
|
1515
|
-
<path
|
|
1516
|
-
d="m6.41 10 7.29-7.29.02-.02c.38-.4.37-1.03-.02-1.41-.4-.38-1.03-.37-1.41.02L4.64 8.95a1.49 1.49 0 0 0 0 2.12l7.65 7.65c.19.19.44.29.71.29.27 0 .52-.11.71-.29a.996.996 0 0 0 0-1.41l-7.29-7.29Z"
|
|
1517
|
-
/>
|
|
1518
|
-
</svg>
|
|
1519
|
-
</span>
|
|
1520
|
-
</button>
|
|
1521
|
-
</div>
|
|
1522
1449
|
<ul class="pf-v6-c-tabs__list" role="tablist" aria-label="Box example">
|
|
1523
1450
|
<li class="pf-v6-c-tabs__item" role="presentation">
|
|
1524
1451
|
<button
|
|
@@ -1590,31 +1517,6 @@ cssPrefix: pf-v6-c-tabs
|
|
|
1590
1517
|
</button>
|
|
1591
1518
|
</li>
|
|
1592
1519
|
</ul>
|
|
1593
|
-
|
|
1594
|
-
<div class="pf-v6-c-tabs__scroll-button" aria-hidden="true">
|
|
1595
|
-
<button
|
|
1596
|
-
class="pf-v6-c-button pf-m-plain"
|
|
1597
|
-
type="button"
|
|
1598
|
-
aria-label="Scroll right"
|
|
1599
|
-
disabled
|
|
1600
|
-
>
|
|
1601
|
-
<span class="pf-v6-c-button__icon">
|
|
1602
|
-
<svg
|
|
1603
|
-
class="pf-v6-svg"
|
|
1604
|
-
fill="currentColor"
|
|
1605
|
-
viewBox="0 0 20 20"
|
|
1606
|
-
aria-hidden="true"
|
|
1607
|
-
role="img"
|
|
1608
|
-
width="1em"
|
|
1609
|
-
height="1em"
|
|
1610
|
-
>
|
|
1611
|
-
<path
|
|
1612
|
-
d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
|
|
1613
|
-
/>
|
|
1614
|
-
</svg>
|
|
1615
|
-
</span>
|
|
1616
|
-
</button>
|
|
1617
|
-
</div>
|
|
1618
1520
|
</div>
|
|
1619
1521
|
|
|
1620
1522
|
```
|
|
@@ -1883,30 +1785,6 @@ cssPrefix: pf-v6-c-tabs
|
|
|
1883
1785
|
role="region"
|
|
1884
1786
|
id="box-tabs-secondary"
|
|
1885
1787
|
>
|
|
1886
|
-
<div class="pf-v6-c-tabs__scroll-button" aria-hidden="true">
|
|
1887
|
-
<button
|
|
1888
|
-
class="pf-v6-c-button pf-m-plain"
|
|
1889
|
-
type="button"
|
|
1890
|
-
aria-label="Scroll left"
|
|
1891
|
-
disabled
|
|
1892
|
-
>
|
|
1893
|
-
<span class="pf-v6-c-button__icon">
|
|
1894
|
-
<svg
|
|
1895
|
-
class="pf-v6-svg"
|
|
1896
|
-
fill="currentColor"
|
|
1897
|
-
viewBox="0 0 20 20"
|
|
1898
|
-
aria-hidden="true"
|
|
1899
|
-
role="img"
|
|
1900
|
-
width="1em"
|
|
1901
|
-
height="1em"
|
|
1902
|
-
>
|
|
1903
|
-
<path
|
|
1904
|
-
d="m6.41 10 7.29-7.29.02-.02c.38-.4.37-1.03-.02-1.41-.4-.38-1.03-.37-1.41.02L4.64 8.95a1.49 1.49 0 0 0 0 2.12l7.65 7.65c.19.19.44.29.71.29.27 0 .52-.11.71-.29a.996.996 0 0 0 0-1.41l-7.29-7.29Z"
|
|
1905
|
-
/>
|
|
1906
|
-
</svg>
|
|
1907
|
-
</span>
|
|
1908
|
-
</button>
|
|
1909
|
-
</div>
|
|
1910
1788
|
<ul
|
|
1911
1789
|
class="pf-v6-c-tabs__list"
|
|
1912
1790
|
role="tablist"
|
|
@@ -1982,31 +1860,6 @@ cssPrefix: pf-v6-c-tabs
|
|
|
1982
1860
|
</button>
|
|
1983
1861
|
</li>
|
|
1984
1862
|
</ul>
|
|
1985
|
-
|
|
1986
|
-
<div class="pf-v6-c-tabs__scroll-button" aria-hidden="true">
|
|
1987
|
-
<button
|
|
1988
|
-
class="pf-v6-c-button pf-m-plain"
|
|
1989
|
-
type="button"
|
|
1990
|
-
aria-label="Scroll right"
|
|
1991
|
-
disabled
|
|
1992
|
-
>
|
|
1993
|
-
<span class="pf-v6-c-button__icon">
|
|
1994
|
-
<svg
|
|
1995
|
-
class="pf-v6-svg"
|
|
1996
|
-
fill="currentColor"
|
|
1997
|
-
viewBox="0 0 20 20"
|
|
1998
|
-
aria-hidden="true"
|
|
1999
|
-
role="img"
|
|
2000
|
-
width="1em"
|
|
2001
|
-
height="1em"
|
|
2002
|
-
>
|
|
2003
|
-
<path
|
|
2004
|
-
d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
|
|
2005
|
-
/>
|
|
2006
|
-
</svg>
|
|
2007
|
-
</span>
|
|
2008
|
-
</button>
|
|
2009
|
-
</div>
|
|
2010
1863
|
</div>
|
|
2011
1864
|
<div class="tabs-example-block tabs-example-block--m-secondary"></div>
|
|
2012
1865
|
|
|
@@ -2023,30 +1876,6 @@ cssPrefix: pf-v6-c-tabs
|
|
|
2023
1876
|
role="region"
|
|
2024
1877
|
id="default-tab-insets"
|
|
2025
1878
|
>
|
|
2026
|
-
<div class="pf-v6-c-tabs__scroll-button" aria-hidden="true">
|
|
2027
|
-
<button
|
|
2028
|
-
class="pf-v6-c-button pf-m-plain"
|
|
2029
|
-
type="button"
|
|
2030
|
-
aria-label="Scroll left"
|
|
2031
|
-
disabled
|
|
2032
|
-
>
|
|
2033
|
-
<span class="pf-v6-c-button__icon">
|
|
2034
|
-
<svg
|
|
2035
|
-
class="pf-v6-svg"
|
|
2036
|
-
fill="currentColor"
|
|
2037
|
-
viewBox="0 0 20 20"
|
|
2038
|
-
aria-hidden="true"
|
|
2039
|
-
role="img"
|
|
2040
|
-
width="1em"
|
|
2041
|
-
height="1em"
|
|
2042
|
-
>
|
|
2043
|
-
<path
|
|
2044
|
-
d="m6.41 10 7.29-7.29.02-.02c.38-.4.37-1.03-.02-1.41-.4-.38-1.03-.37-1.41.02L4.64 8.95a1.49 1.49 0 0 0 0 2.12l7.65 7.65c.19.19.44.29.71.29.27 0 .52-.11.71-.29a.996.996 0 0 0 0-1.41l-7.29-7.29Z"
|
|
2045
|
-
/>
|
|
2046
|
-
</svg>
|
|
2047
|
-
</span>
|
|
2048
|
-
</button>
|
|
2049
|
-
</div>
|
|
2050
1879
|
<ul
|
|
2051
1880
|
class="pf-v6-c-tabs__list"
|
|
2052
1881
|
role="tablist"
|
|
@@ -2120,31 +1949,6 @@ cssPrefix: pf-v6-c-tabs
|
|
|
2120
1949
|
</button>
|
|
2121
1950
|
</li>
|
|
2122
1951
|
</ul>
|
|
2123
|
-
|
|
2124
|
-
<div class="pf-v6-c-tabs__scroll-button" aria-hidden="true">
|
|
2125
|
-
<button
|
|
2126
|
-
class="pf-v6-c-button pf-m-plain"
|
|
2127
|
-
type="button"
|
|
2128
|
-
aria-label="Scroll right"
|
|
2129
|
-
disabled
|
|
2130
|
-
>
|
|
2131
|
-
<span class="pf-v6-c-button__icon">
|
|
2132
|
-
<svg
|
|
2133
|
-
class="pf-v6-svg"
|
|
2134
|
-
fill="currentColor"
|
|
2135
|
-
viewBox="0 0 20 20"
|
|
2136
|
-
aria-hidden="true"
|
|
2137
|
-
role="img"
|
|
2138
|
-
width="1em"
|
|
2139
|
-
height="1em"
|
|
2140
|
-
>
|
|
2141
|
-
<path
|
|
2142
|
-
d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
|
|
2143
|
-
/>
|
|
2144
|
-
</svg>
|
|
2145
|
-
</span>
|
|
2146
|
-
</button>
|
|
2147
|
-
</div>
|
|
2148
1952
|
</div>
|
|
2149
1953
|
|
|
2150
1954
|
```
|
|
@@ -2158,30 +1962,6 @@ cssPrefix: pf-v6-c-tabs
|
|
|
2158
1962
|
role="region"
|
|
2159
1963
|
id="box-tab-insets"
|
|
2160
1964
|
>
|
|
2161
|
-
<div class="pf-v6-c-tabs__scroll-button" aria-hidden="true">
|
|
2162
|
-
<button
|
|
2163
|
-
class="pf-v6-c-button pf-m-plain"
|
|
2164
|
-
type="button"
|
|
2165
|
-
aria-label="Scroll left"
|
|
2166
|
-
disabled
|
|
2167
|
-
>
|
|
2168
|
-
<span class="pf-v6-c-button__icon">
|
|
2169
|
-
<svg
|
|
2170
|
-
class="pf-v6-svg"
|
|
2171
|
-
fill="currentColor"
|
|
2172
|
-
viewBox="0 0 20 20"
|
|
2173
|
-
aria-hidden="true"
|
|
2174
|
-
role="img"
|
|
2175
|
-
width="1em"
|
|
2176
|
-
height="1em"
|
|
2177
|
-
>
|
|
2178
|
-
<path
|
|
2179
|
-
d="m6.41 10 7.29-7.29.02-.02c.38-.4.37-1.03-.02-1.41-.4-.38-1.03-.37-1.41.02L4.64 8.95a1.49 1.49 0 0 0 0 2.12l7.65 7.65c.19.19.44.29.71.29.27 0 .52-.11.71-.29a.996.996 0 0 0 0-1.41l-7.29-7.29Z"
|
|
2180
|
-
/>
|
|
2181
|
-
</svg>
|
|
2182
|
-
</span>
|
|
2183
|
-
</button>
|
|
2184
|
-
</div>
|
|
2185
1965
|
<ul
|
|
2186
1966
|
class="pf-v6-c-tabs__list"
|
|
2187
1967
|
role="tablist"
|
|
@@ -2255,31 +2035,6 @@ cssPrefix: pf-v6-c-tabs
|
|
|
2255
2035
|
</button>
|
|
2256
2036
|
</li>
|
|
2257
2037
|
</ul>
|
|
2258
|
-
|
|
2259
|
-
<div class="pf-v6-c-tabs__scroll-button" aria-hidden="true">
|
|
2260
|
-
<button
|
|
2261
|
-
class="pf-v6-c-button pf-m-plain"
|
|
2262
|
-
type="button"
|
|
2263
|
-
aria-label="Scroll right"
|
|
2264
|
-
disabled
|
|
2265
|
-
>
|
|
2266
|
-
<span class="pf-v6-c-button__icon">
|
|
2267
|
-
<svg
|
|
2268
|
-
class="pf-v6-svg"
|
|
2269
|
-
fill="currentColor"
|
|
2270
|
-
viewBox="0 0 20 20"
|
|
2271
|
-
aria-hidden="true"
|
|
2272
|
-
role="img"
|
|
2273
|
-
width="1em"
|
|
2274
|
-
height="1em"
|
|
2275
|
-
>
|
|
2276
|
-
<path
|
|
2277
|
-
d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
|
|
2278
|
-
/>
|
|
2279
|
-
</svg>
|
|
2280
|
-
</span>
|
|
2281
|
-
</button>
|
|
2282
|
-
</div>
|
|
2283
2038
|
</div>
|
|
2284
2039
|
|
|
2285
2040
|
```
|
|
@@ -2293,30 +2048,6 @@ cssPrefix: pf-v6-c-tabs
|
|
|
2293
2048
|
role="region"
|
|
2294
2049
|
id="page-insets"
|
|
2295
2050
|
>
|
|
2296
|
-
<div class="pf-v6-c-tabs__scroll-button" aria-hidden="true">
|
|
2297
|
-
<button
|
|
2298
|
-
class="pf-v6-c-button pf-m-plain"
|
|
2299
|
-
type="button"
|
|
2300
|
-
aria-label="Scroll left"
|
|
2301
|
-
disabled
|
|
2302
|
-
>
|
|
2303
|
-
<span class="pf-v6-c-button__icon">
|
|
2304
|
-
<svg
|
|
2305
|
-
class="pf-v6-svg"
|
|
2306
|
-
fill="currentColor"
|
|
2307
|
-
viewBox="0 0 20 20"
|
|
2308
|
-
aria-hidden="true"
|
|
2309
|
-
role="img"
|
|
2310
|
-
width="1em"
|
|
2311
|
-
height="1em"
|
|
2312
|
-
>
|
|
2313
|
-
<path
|
|
2314
|
-
d="m6.41 10 7.29-7.29.02-.02c.38-.4.37-1.03-.02-1.41-.4-.38-1.03-.37-1.41.02L4.64 8.95a1.49 1.49 0 0 0 0 2.12l7.65 7.65c.19.19.44.29.71.29.27 0 .52-.11.71-.29a.996.996 0 0 0 0-1.41l-7.29-7.29Z"
|
|
2315
|
-
/>
|
|
2316
|
-
</svg>
|
|
2317
|
-
</span>
|
|
2318
|
-
</button>
|
|
2319
|
-
</div>
|
|
2320
2051
|
<ul
|
|
2321
2052
|
class="pf-v6-c-tabs__list"
|
|
2322
2053
|
role="tablist"
|
|
@@ -2390,31 +2121,6 @@ cssPrefix: pf-v6-c-tabs
|
|
|
2390
2121
|
</button>
|
|
2391
2122
|
</li>
|
|
2392
2123
|
</ul>
|
|
2393
|
-
|
|
2394
|
-
<div class="pf-v6-c-tabs__scroll-button" aria-hidden="true">
|
|
2395
|
-
<button
|
|
2396
|
-
class="pf-v6-c-button pf-m-plain"
|
|
2397
|
-
type="button"
|
|
2398
|
-
aria-label="Scroll right"
|
|
2399
|
-
disabled
|
|
2400
|
-
>
|
|
2401
|
-
<span class="pf-v6-c-button__icon">
|
|
2402
|
-
<svg
|
|
2403
|
-
class="pf-v6-svg"
|
|
2404
|
-
fill="currentColor"
|
|
2405
|
-
viewBox="0 0 20 20"
|
|
2406
|
-
aria-hidden="true"
|
|
2407
|
-
role="img"
|
|
2408
|
-
width="1em"
|
|
2409
|
-
height="1em"
|
|
2410
|
-
>
|
|
2411
|
-
<path
|
|
2412
|
-
d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
|
|
2413
|
-
/>
|
|
2414
|
-
</svg>
|
|
2415
|
-
</span>
|
|
2416
|
-
</button>
|
|
2417
|
-
</div>
|
|
2418
2124
|
</div>
|
|
2419
2125
|
|
|
2420
2126
|
```
|
|
@@ -2437,30 +2143,6 @@ cssPrefix: pf-v6-c-tabs
|
|
|
2437
2143
|
role="region"
|
|
2438
2144
|
id="icons-and-text"
|
|
2439
2145
|
>
|
|
2440
|
-
<div class="pf-v6-c-tabs__scroll-button" aria-hidden="true">
|
|
2441
|
-
<button
|
|
2442
|
-
class="pf-v6-c-button pf-m-plain"
|
|
2443
|
-
type="button"
|
|
2444
|
-
aria-label="Scroll left"
|
|
2445
|
-
disabled
|
|
2446
|
-
>
|
|
2447
|
-
<span class="pf-v6-c-button__icon">
|
|
2448
|
-
<svg
|
|
2449
|
-
class="pf-v6-svg"
|
|
2450
|
-
fill="currentColor"
|
|
2451
|
-
viewBox="0 0 20 20"
|
|
2452
|
-
aria-hidden="true"
|
|
2453
|
-
role="img"
|
|
2454
|
-
width="1em"
|
|
2455
|
-
height="1em"
|
|
2456
|
-
>
|
|
2457
|
-
<path
|
|
2458
|
-
d="m6.41 10 7.29-7.29.02-.02c.38-.4.37-1.03-.02-1.41-.4-.38-1.03-.37-1.41.02L4.64 8.95a1.49 1.49 0 0 0 0 2.12l7.65 7.65c.19.19.44.29.71.29.27 0 .52-.11.71-.29a.996.996 0 0 0 0-1.41l-7.29-7.29Z"
|
|
2459
|
-
/>
|
|
2460
|
-
</svg>
|
|
2461
|
-
</span>
|
|
2462
|
-
</button>
|
|
2463
|
-
</div>
|
|
2464
2146
|
<ul
|
|
2465
2147
|
class="pf-v6-c-tabs__list"
|
|
2466
2148
|
role="tablist"
|
|
@@ -2624,31 +2306,6 @@ cssPrefix: pf-v6-c-tabs
|
|
|
2624
2306
|
</button>
|
|
2625
2307
|
</li>
|
|
2626
2308
|
</ul>
|
|
2627
|
-
|
|
2628
|
-
<div class="pf-v6-c-tabs__scroll-button" aria-hidden="true">
|
|
2629
|
-
<button
|
|
2630
|
-
class="pf-v6-c-button pf-m-plain"
|
|
2631
|
-
type="button"
|
|
2632
|
-
aria-label="Scroll right"
|
|
2633
|
-
disabled
|
|
2634
|
-
>
|
|
2635
|
-
<span class="pf-v6-c-button__icon">
|
|
2636
|
-
<svg
|
|
2637
|
-
class="pf-v6-svg"
|
|
2638
|
-
fill="currentColor"
|
|
2639
|
-
viewBox="0 0 20 20"
|
|
2640
|
-
aria-hidden="true"
|
|
2641
|
-
role="img"
|
|
2642
|
-
width="1em"
|
|
2643
|
-
height="1em"
|
|
2644
|
-
>
|
|
2645
|
-
<path
|
|
2646
|
-
d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
|
|
2647
|
-
/>
|
|
2648
|
-
</svg>
|
|
2649
|
-
</span>
|
|
2650
|
-
</button>
|
|
2651
|
-
</div>
|
|
2652
2309
|
</div>
|
|
2653
2310
|
|
|
2654
2311
|
```
|
|
@@ -3188,30 +2845,6 @@ cssPrefix: pf-v6-c-tabs
|
|
|
3188
2845
|
role="region"
|
|
3189
2846
|
id="filled-tabs"
|
|
3190
2847
|
>
|
|
3191
|
-
<div class="pf-v6-c-tabs__scroll-button" aria-hidden="true">
|
|
3192
|
-
<button
|
|
3193
|
-
class="pf-v6-c-button pf-m-plain"
|
|
3194
|
-
type="button"
|
|
3195
|
-
aria-label="Scroll left"
|
|
3196
|
-
disabled
|
|
3197
|
-
>
|
|
3198
|
-
<span class="pf-v6-c-button__icon">
|
|
3199
|
-
<svg
|
|
3200
|
-
class="pf-v6-svg"
|
|
3201
|
-
fill="currentColor"
|
|
3202
|
-
viewBox="0 0 20 20"
|
|
3203
|
-
aria-hidden="true"
|
|
3204
|
-
role="img"
|
|
3205
|
-
width="1em"
|
|
3206
|
-
height="1em"
|
|
3207
|
-
>
|
|
3208
|
-
<path
|
|
3209
|
-
d="m6.41 10 7.29-7.29.02-.02c.38-.4.37-1.03-.02-1.41-.4-.38-1.03-.37-1.41.02L4.64 8.95a1.49 1.49 0 0 0 0 2.12l7.65 7.65c.19.19.44.29.71.29.27 0 .52-.11.71-.29a.996.996 0 0 0 0-1.41l-7.29-7.29Z"
|
|
3210
|
-
/>
|
|
3211
|
-
</svg>
|
|
3212
|
-
</span>
|
|
3213
|
-
</button>
|
|
3214
|
-
</div>
|
|
3215
2848
|
<ul class="pf-v6-c-tabs__list" role="tablist" aria-label="Filled example">
|
|
3216
2849
|
<li class="pf-v6-c-tabs__item" role="presentation">
|
|
3217
2850
|
<button
|
|
@@ -3247,31 +2880,6 @@ cssPrefix: pf-v6-c-tabs
|
|
|
3247
2880
|
</button>
|
|
3248
2881
|
</li>
|
|
3249
2882
|
</ul>
|
|
3250
|
-
|
|
3251
|
-
<div class="pf-v6-c-tabs__scroll-button" aria-hidden="true">
|
|
3252
|
-
<button
|
|
3253
|
-
class="pf-v6-c-button pf-m-plain"
|
|
3254
|
-
type="button"
|
|
3255
|
-
aria-label="Scroll right"
|
|
3256
|
-
disabled
|
|
3257
|
-
>
|
|
3258
|
-
<span class="pf-v6-c-button__icon">
|
|
3259
|
-
<svg
|
|
3260
|
-
class="pf-v6-svg"
|
|
3261
|
-
fill="currentColor"
|
|
3262
|
-
viewBox="0 0 20 20"
|
|
3263
|
-
aria-hidden="true"
|
|
3264
|
-
role="img"
|
|
3265
|
-
width="1em"
|
|
3266
|
-
height="1em"
|
|
3267
|
-
>
|
|
3268
|
-
<path
|
|
3269
|
-
d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
|
|
3270
|
-
/>
|
|
3271
|
-
</svg>
|
|
3272
|
-
</span>
|
|
3273
|
-
</button>
|
|
3274
|
-
</div>
|
|
3275
2883
|
</div>
|
|
3276
2884
|
|
|
3277
2885
|
```
|
|
@@ -3285,30 +2893,6 @@ cssPrefix: pf-v6-c-tabs
|
|
|
3285
2893
|
role="region"
|
|
3286
2894
|
id="filled-with-icons"
|
|
3287
2895
|
>
|
|
3288
|
-
<div class="pf-v6-c-tabs__scroll-button" aria-hidden="true">
|
|
3289
|
-
<button
|
|
3290
|
-
class="pf-v6-c-button pf-m-plain"
|
|
3291
|
-
type="button"
|
|
3292
|
-
aria-label="Scroll left"
|
|
3293
|
-
disabled
|
|
3294
|
-
>
|
|
3295
|
-
<span class="pf-v6-c-button__icon">
|
|
3296
|
-
<svg
|
|
3297
|
-
class="pf-v6-svg"
|
|
3298
|
-
fill="currentColor"
|
|
3299
|
-
viewBox="0 0 20 20"
|
|
3300
|
-
aria-hidden="true"
|
|
3301
|
-
role="img"
|
|
3302
|
-
width="1em"
|
|
3303
|
-
height="1em"
|
|
3304
|
-
>
|
|
3305
|
-
<path
|
|
3306
|
-
d="m6.41 10 7.29-7.29.02-.02c.38-.4.37-1.03-.02-1.41-.4-.38-1.03-.37-1.41.02L4.64 8.95a1.49 1.49 0 0 0 0 2.12l7.65 7.65c.19.19.44.29.71.29.27 0 .52-.11.71-.29a.996.996 0 0 0 0-1.41l-7.29-7.29Z"
|
|
3307
|
-
/>
|
|
3308
|
-
</svg>
|
|
3309
|
-
</span>
|
|
3310
|
-
</button>
|
|
3311
|
-
</div>
|
|
3312
2896
|
<ul
|
|
3313
2897
|
class="pf-v6-c-tabs__list"
|
|
3314
2898
|
role="tablist"
|
|
@@ -3393,31 +2977,6 @@ cssPrefix: pf-v6-c-tabs
|
|
|
3393
2977
|
</button>
|
|
3394
2978
|
</li>
|
|
3395
2979
|
</ul>
|
|
3396
|
-
|
|
3397
|
-
<div class="pf-v6-c-tabs__scroll-button" aria-hidden="true">
|
|
3398
|
-
<button
|
|
3399
|
-
class="pf-v6-c-button pf-m-plain"
|
|
3400
|
-
type="button"
|
|
3401
|
-
aria-label="Scroll right"
|
|
3402
|
-
disabled
|
|
3403
|
-
>
|
|
3404
|
-
<span class="pf-v6-c-button__icon">
|
|
3405
|
-
<svg
|
|
3406
|
-
class="pf-v6-svg"
|
|
3407
|
-
fill="currentColor"
|
|
3408
|
-
viewBox="0 0 20 20"
|
|
3409
|
-
aria-hidden="true"
|
|
3410
|
-
role="img"
|
|
3411
|
-
width="1em"
|
|
3412
|
-
height="1em"
|
|
3413
|
-
>
|
|
3414
|
-
<path
|
|
3415
|
-
d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
|
|
3416
|
-
/>
|
|
3417
|
-
</svg>
|
|
3418
|
-
</span>
|
|
3419
|
-
</button>
|
|
3420
|
-
</div>
|
|
3421
2980
|
</div>
|
|
3422
2981
|
|
|
3423
2982
|
```
|
|
@@ -3431,30 +2990,6 @@ cssPrefix: pf-v6-c-tabs
|
|
|
3431
2990
|
role="region"
|
|
3432
2991
|
id="filled-box"
|
|
3433
2992
|
>
|
|
3434
|
-
<div class="pf-v6-c-tabs__scroll-button" aria-hidden="true">
|
|
3435
|
-
<button
|
|
3436
|
-
class="pf-v6-c-button pf-m-plain"
|
|
3437
|
-
type="button"
|
|
3438
|
-
aria-label="Scroll left"
|
|
3439
|
-
disabled
|
|
3440
|
-
>
|
|
3441
|
-
<span class="pf-v6-c-button__icon">
|
|
3442
|
-
<svg
|
|
3443
|
-
class="pf-v6-svg"
|
|
3444
|
-
fill="currentColor"
|
|
3445
|
-
viewBox="0 0 20 20"
|
|
3446
|
-
aria-hidden="true"
|
|
3447
|
-
role="img"
|
|
3448
|
-
width="1em"
|
|
3449
|
-
height="1em"
|
|
3450
|
-
>
|
|
3451
|
-
<path
|
|
3452
|
-
d="m6.41 10 7.29-7.29.02-.02c.38-.4.37-1.03-.02-1.41-.4-.38-1.03-.37-1.41.02L4.64 8.95a1.49 1.49 0 0 0 0 2.12l7.65 7.65c.19.19.44.29.71.29.27 0 .52-.11.71-.29a.996.996 0 0 0 0-1.41l-7.29-7.29Z"
|
|
3453
|
-
/>
|
|
3454
|
-
</svg>
|
|
3455
|
-
</span>
|
|
3456
|
-
</button>
|
|
3457
|
-
</div>
|
|
3458
2993
|
<ul class="pf-v6-c-tabs__list" role="tablist" aria-label="Filled box example">
|
|
3459
2994
|
<li class="pf-v6-c-tabs__item" role="presentation">
|
|
3460
2995
|
<button
|
|
@@ -3490,31 +3025,6 @@ cssPrefix: pf-v6-c-tabs
|
|
|
3490
3025
|
</button>
|
|
3491
3026
|
</li>
|
|
3492
3027
|
</ul>
|
|
3493
|
-
|
|
3494
|
-
<div class="pf-v6-c-tabs__scroll-button" aria-hidden="true">
|
|
3495
|
-
<button
|
|
3496
|
-
class="pf-v6-c-button pf-m-plain"
|
|
3497
|
-
type="button"
|
|
3498
|
-
aria-label="Scroll right"
|
|
3499
|
-
disabled
|
|
3500
|
-
>
|
|
3501
|
-
<span class="pf-v6-c-button__icon">
|
|
3502
|
-
<svg
|
|
3503
|
-
class="pf-v6-svg"
|
|
3504
|
-
fill="currentColor"
|
|
3505
|
-
viewBox="0 0 20 20"
|
|
3506
|
-
aria-hidden="true"
|
|
3507
|
-
role="img"
|
|
3508
|
-
width="1em"
|
|
3509
|
-
height="1em"
|
|
3510
|
-
>
|
|
3511
|
-
<path
|
|
3512
|
-
d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
|
|
3513
|
-
/>
|
|
3514
|
-
</svg>
|
|
3515
|
-
</span>
|
|
3516
|
-
</button>
|
|
3517
|
-
</div>
|
|
3518
3028
|
</div>
|
|
3519
3029
|
|
|
3520
3030
|
```
|
|
@@ -3528,30 +3038,6 @@ cssPrefix: pf-v6-c-tabs
|
|
|
3528
3038
|
role="region"
|
|
3529
3039
|
id="filled-box-with-icons"
|
|
3530
3040
|
>
|
|
3531
|
-
<div class="pf-v6-c-tabs__scroll-button" aria-hidden="true">
|
|
3532
|
-
<button
|
|
3533
|
-
class="pf-v6-c-button pf-m-plain"
|
|
3534
|
-
type="button"
|
|
3535
|
-
aria-label="Scroll left"
|
|
3536
|
-
disabled
|
|
3537
|
-
>
|
|
3538
|
-
<span class="pf-v6-c-button__icon">
|
|
3539
|
-
<svg
|
|
3540
|
-
class="pf-v6-svg"
|
|
3541
|
-
fill="currentColor"
|
|
3542
|
-
viewBox="0 0 20 20"
|
|
3543
|
-
aria-hidden="true"
|
|
3544
|
-
role="img"
|
|
3545
|
-
width="1em"
|
|
3546
|
-
height="1em"
|
|
3547
|
-
>
|
|
3548
|
-
<path
|
|
3549
|
-
d="m6.41 10 7.29-7.29.02-.02c.38-.4.37-1.03-.02-1.41-.4-.38-1.03-.37-1.41.02L4.64 8.95a1.49 1.49 0 0 0 0 2.12l7.65 7.65c.19.19.44.29.71.29.27 0 .52-.11.71-.29a.996.996 0 0 0 0-1.41l-7.29-7.29Z"
|
|
3550
|
-
/>
|
|
3551
|
-
</svg>
|
|
3552
|
-
</span>
|
|
3553
|
-
</button>
|
|
3554
|
-
</div>
|
|
3555
3041
|
<ul
|
|
3556
3042
|
class="pf-v6-c-tabs__list"
|
|
3557
3043
|
role="tablist"
|
|
@@ -3636,31 +3122,6 @@ cssPrefix: pf-v6-c-tabs
|
|
|
3636
3122
|
</button>
|
|
3637
3123
|
</li>
|
|
3638
3124
|
</ul>
|
|
3639
|
-
|
|
3640
|
-
<div class="pf-v6-c-tabs__scroll-button" aria-hidden="true">
|
|
3641
|
-
<button
|
|
3642
|
-
class="pf-v6-c-button pf-m-plain"
|
|
3643
|
-
type="button"
|
|
3644
|
-
aria-label="Scroll right"
|
|
3645
|
-
disabled
|
|
3646
|
-
>
|
|
3647
|
-
<span class="pf-v6-c-button__icon">
|
|
3648
|
-
<svg
|
|
3649
|
-
class="pf-v6-svg"
|
|
3650
|
-
fill="currentColor"
|
|
3651
|
-
viewBox="0 0 20 20"
|
|
3652
|
-
aria-hidden="true"
|
|
3653
|
-
role="img"
|
|
3654
|
-
width="1em"
|
|
3655
|
-
height="1em"
|
|
3656
|
-
>
|
|
3657
|
-
<path
|
|
3658
|
-
d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
|
|
3659
|
-
/>
|
|
3660
|
-
</svg>
|
|
3661
|
-
</span>
|
|
3662
|
-
</button>
|
|
3663
|
-
</div>
|
|
3664
3125
|
</div>
|
|
3665
3126
|
|
|
3666
3127
|
```
|
|
@@ -3814,30 +3275,6 @@ cssPrefix: pf-v6-c-tabs
|
|
|
3814
3275
|
class="pf-v6-c-tabs"
|
|
3815
3276
|
aria-label="Using nav element with sub tabs example, primary"
|
|
3816
3277
|
>
|
|
3817
|
-
<div class="pf-v6-c-tabs__scroll-button" aria-hidden="true">
|
|
3818
|
-
<button
|
|
3819
|
-
class="pf-v6-c-button pf-m-plain"
|
|
3820
|
-
type="button"
|
|
3821
|
-
aria-label="Scroll left"
|
|
3822
|
-
disabled
|
|
3823
|
-
>
|
|
3824
|
-
<span class="pf-v6-c-button__icon">
|
|
3825
|
-
<svg
|
|
3826
|
-
class="pf-v6-svg"
|
|
3827
|
-
fill="currentColor"
|
|
3828
|
-
viewBox="0 0 20 20"
|
|
3829
|
-
aria-hidden="true"
|
|
3830
|
-
role="img"
|
|
3831
|
-
width="1em"
|
|
3832
|
-
height="1em"
|
|
3833
|
-
>
|
|
3834
|
-
<path
|
|
3835
|
-
d="m6.41 10 7.29-7.29.02-.02c.38-.4.37-1.03-.02-1.41-.4-.38-1.03-.37-1.41.02L4.64 8.95a1.49 1.49 0 0 0 0 2.12l7.65 7.65c.19.19.44.29.71.29.27 0 .52-.11.71-.29a.996.996 0 0 0 0-1.41l-7.29-7.29Z"
|
|
3836
|
-
/>
|
|
3837
|
-
</svg>
|
|
3838
|
-
</span>
|
|
3839
|
-
</button>
|
|
3840
|
-
</div>
|
|
3841
3278
|
<ul
|
|
3842
3279
|
class="pf-v6-c-tabs__list"
|
|
3843
3280
|
role="tablist"
|
|
@@ -3911,61 +3348,12 @@ cssPrefix: pf-v6-c-tabs
|
|
|
3911
3348
|
</a>
|
|
3912
3349
|
</li>
|
|
3913
3350
|
</ul>
|
|
3914
|
-
|
|
3915
|
-
<div class="pf-v6-c-tabs__scroll-button" aria-hidden="true">
|
|
3916
|
-
<button
|
|
3917
|
-
class="pf-v6-c-button pf-m-plain"
|
|
3918
|
-
type="button"
|
|
3919
|
-
aria-label="Scroll right"
|
|
3920
|
-
disabled
|
|
3921
|
-
>
|
|
3922
|
-
<span class="pf-v6-c-button__icon">
|
|
3923
|
-
<svg
|
|
3924
|
-
class="pf-v6-svg"
|
|
3925
|
-
fill="currentColor"
|
|
3926
|
-
viewBox="0 0 20 20"
|
|
3927
|
-
aria-hidden="true"
|
|
3928
|
-
role="img"
|
|
3929
|
-
width="1em"
|
|
3930
|
-
height="1em"
|
|
3931
|
-
>
|
|
3932
|
-
<path
|
|
3933
|
-
d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
|
|
3934
|
-
/>
|
|
3935
|
-
</svg>
|
|
3936
|
-
</span>
|
|
3937
|
-
</button>
|
|
3938
|
-
</div>
|
|
3939
3351
|
</nav>
|
|
3940
3352
|
|
|
3941
3353
|
<nav
|
|
3942
3354
|
class="pf-v6-c-tabs pf-m-subtab"
|
|
3943
3355
|
aria-label="Using nav element with sub tabs example, Containers"
|
|
3944
3356
|
>
|
|
3945
|
-
<div class="pf-v6-c-tabs__scroll-button" aria-hidden="true">
|
|
3946
|
-
<button
|
|
3947
|
-
class="pf-v6-c-button pf-m-plain"
|
|
3948
|
-
type="button"
|
|
3949
|
-
aria-label="Scroll left"
|
|
3950
|
-
disabled
|
|
3951
|
-
>
|
|
3952
|
-
<span class="pf-v6-c-button__icon">
|
|
3953
|
-
<svg
|
|
3954
|
-
class="pf-v6-svg"
|
|
3955
|
-
fill="currentColor"
|
|
3956
|
-
viewBox="0 0 20 20"
|
|
3957
|
-
aria-hidden="true"
|
|
3958
|
-
role="img"
|
|
3959
|
-
width="1em"
|
|
3960
|
-
height="1em"
|
|
3961
|
-
>
|
|
3962
|
-
<path
|
|
3963
|
-
d="m6.41 10 7.29-7.29.02-.02c.38-.4.37-1.03-.02-1.41-.4-.38-1.03-.37-1.41.02L4.64 8.95a1.49 1.49 0 0 0 0 2.12l7.65 7.65c.19.19.44.29.71.29.27 0 .52-.11.71-.29a.996.996 0 0 0 0-1.41l-7.29-7.29Z"
|
|
3964
|
-
/>
|
|
3965
|
-
</svg>
|
|
3966
|
-
</span>
|
|
3967
|
-
</button>
|
|
3968
|
-
</div>
|
|
3969
3357
|
<ul
|
|
3970
3358
|
class="pf-v6-c-tabs__list"
|
|
3971
3359
|
role="tablist"
|
|
@@ -4042,31 +3430,6 @@ cssPrefix: pf-v6-c-tabs
|
|
|
4042
3430
|
</a>
|
|
4043
3431
|
</li>
|
|
4044
3432
|
</ul>
|
|
4045
|
-
|
|
4046
|
-
<div class="pf-v6-c-tabs__scroll-button" aria-hidden="true">
|
|
4047
|
-
<button
|
|
4048
|
-
class="pf-v6-c-button pf-m-plain"
|
|
4049
|
-
type="button"
|
|
4050
|
-
aria-label="Scroll right"
|
|
4051
|
-
disabled
|
|
4052
|
-
>
|
|
4053
|
-
<span class="pf-v6-c-button__icon">
|
|
4054
|
-
<svg
|
|
4055
|
-
class="pf-v6-svg"
|
|
4056
|
-
fill="currentColor"
|
|
4057
|
-
viewBox="0 0 20 20"
|
|
4058
|
-
aria-hidden="true"
|
|
4059
|
-
role="img"
|
|
4060
|
-
width="1em"
|
|
4061
|
-
height="1em"
|
|
4062
|
-
>
|
|
4063
|
-
<path
|
|
4064
|
-
d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
|
|
4065
|
-
/>
|
|
4066
|
-
</svg>
|
|
4067
|
-
</span>
|
|
4068
|
-
</button>
|
|
4069
|
-
</div>
|
|
4070
3433
|
</nav>
|
|
4071
3434
|
|
|
4072
3435
|
```
|
|
@@ -4078,30 +3441,6 @@ cssPrefix: pf-v6-c-tabs
|
|
|
4078
3441
|
class="pf-v6-c-tabs pf-m-nav"
|
|
4079
3442
|
aria-label="Site navigation variation example"
|
|
4080
3443
|
>
|
|
4081
|
-
<div class="pf-v6-c-tabs__scroll-button" aria-hidden="true">
|
|
4082
|
-
<button
|
|
4083
|
-
class="pf-v6-c-button pf-m-small pf-m-plain"
|
|
4084
|
-
type="button"
|
|
4085
|
-
aria-label="Scroll left"
|
|
4086
|
-
disabled
|
|
4087
|
-
>
|
|
4088
|
-
<span class="pf-v6-c-button__icon">
|
|
4089
|
-
<svg
|
|
4090
|
-
class="pf-v6-svg"
|
|
4091
|
-
fill="currentColor"
|
|
4092
|
-
viewBox="0 0 20 20"
|
|
4093
|
-
aria-hidden="true"
|
|
4094
|
-
role="img"
|
|
4095
|
-
width="1em"
|
|
4096
|
-
height="1em"
|
|
4097
|
-
>
|
|
4098
|
-
<path
|
|
4099
|
-
d="m6.41 10 7.29-7.29.02-.02c.38-.4.37-1.03-.02-1.41-.4-.38-1.03-.37-1.41.02L4.64 8.95a1.49 1.49 0 0 0 0 2.12l7.65 7.65c.19.19.44.29.71.29.27 0 .52-.11.71-.29a.996.996 0 0 0 0-1.41l-7.29-7.29Z"
|
|
4100
|
-
/>
|
|
4101
|
-
</svg>
|
|
4102
|
-
</span>
|
|
4103
|
-
</button>
|
|
4104
|
-
</div>
|
|
4105
3444
|
<ul
|
|
4106
3445
|
class="pf-v6-c-tabs__list"
|
|
4107
3446
|
role="tablist"
|
|
@@ -4175,61 +3514,12 @@ cssPrefix: pf-v6-c-tabs
|
|
|
4175
3514
|
</button>
|
|
4176
3515
|
</li>
|
|
4177
3516
|
</ul>
|
|
4178
|
-
|
|
4179
|
-
<div class="pf-v6-c-tabs__scroll-button" aria-hidden="true">
|
|
4180
|
-
<button
|
|
4181
|
-
class="pf-v6-c-button pf-m-small pf-m-plain"
|
|
4182
|
-
type="button"
|
|
4183
|
-
aria-label="Scroll right"
|
|
4184
|
-
disabled
|
|
4185
|
-
>
|
|
4186
|
-
<span class="pf-v6-c-button__icon">
|
|
4187
|
-
<svg
|
|
4188
|
-
class="pf-v6-svg"
|
|
4189
|
-
fill="currentColor"
|
|
4190
|
-
viewBox="0 0 20 20"
|
|
4191
|
-
aria-hidden="true"
|
|
4192
|
-
role="img"
|
|
4193
|
-
width="1em"
|
|
4194
|
-
height="1em"
|
|
4195
|
-
>
|
|
4196
|
-
<path
|
|
4197
|
-
d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
|
|
4198
|
-
/>
|
|
4199
|
-
</svg>
|
|
4200
|
-
</span>
|
|
4201
|
-
</button>
|
|
4202
|
-
</div>
|
|
4203
3517
|
</nav><br/ >
|
|
4204
3518
|
As sub navigation:
|
|
4205
3519
|
<nav
|
|
4206
3520
|
class="pf-v6-c-tabs pf-m-subtab pf-m-nav"
|
|
4207
3521
|
aria-label="Site navigation variation as sub tabs example"
|
|
4208
3522
|
>
|
|
4209
|
-
<div class="pf-v6-c-tabs__scroll-button" aria-hidden="true">
|
|
4210
|
-
<button
|
|
4211
|
-
class="pf-v6-c-button pf-m-small pf-m-plain"
|
|
4212
|
-
type="button"
|
|
4213
|
-
aria-label="Scroll left"
|
|
4214
|
-
disabled
|
|
4215
|
-
>
|
|
4216
|
-
<span class="pf-v6-c-button__icon">
|
|
4217
|
-
<svg
|
|
4218
|
-
class="pf-v6-svg"
|
|
4219
|
-
fill="currentColor"
|
|
4220
|
-
viewBox="0 0 20 20"
|
|
4221
|
-
aria-hidden="true"
|
|
4222
|
-
role="img"
|
|
4223
|
-
width="1em"
|
|
4224
|
-
height="1em"
|
|
4225
|
-
>
|
|
4226
|
-
<path
|
|
4227
|
-
d="m6.41 10 7.29-7.29.02-.02c.38-.4.37-1.03-.02-1.41-.4-.38-1.03-.37-1.41.02L4.64 8.95a1.49 1.49 0 0 0 0 2.12l7.65 7.65c.19.19.44.29.71.29.27 0 .52-.11.71-.29a.996.996 0 0 0 0-1.41l-7.29-7.29Z"
|
|
4228
|
-
/>
|
|
4229
|
-
</svg>
|
|
4230
|
-
</span>
|
|
4231
|
-
</button>
|
|
4232
|
-
</div>
|
|
4233
3523
|
<ul
|
|
4234
3524
|
class="pf-v6-c-tabs__list"
|
|
4235
3525
|
role="tablist"
|
|
@@ -4285,49 +3575,24 @@ As sub navigation:
|
|
|
4285
3575
|
type="button"
|
|
4286
3576
|
class="pf-v6-c-tabs__link"
|
|
4287
3577
|
role="tab"
|
|
4288
|
-
aria-selected="false"
|
|
4289
|
-
id="nav-tabs-system-link"
|
|
4290
|
-
>
|
|
4291
|
-
<span class="pf-v6-c-tabs__item-text">System</span>
|
|
4292
|
-
</button>
|
|
4293
|
-
</li>
|
|
4294
|
-
<li class="pf-v6-c-tabs__item" role="presentation">
|
|
4295
|
-
<button
|
|
4296
|
-
type="button"
|
|
4297
|
-
class="pf-v6-c-tabs__link"
|
|
4298
|
-
role="tab"
|
|
4299
|
-
aria-selected="false"
|
|
4300
|
-
id="nav-tabs-network-wired-link"
|
|
4301
|
-
>
|
|
4302
|
-
<span class="pf-v6-c-tabs__item-text">Network</span>
|
|
4303
|
-
</button>
|
|
4304
|
-
</li>
|
|
4305
|
-
</ul>
|
|
4306
|
-
|
|
4307
|
-
<div class="pf-v6-c-tabs__scroll-button" aria-hidden="true">
|
|
4308
|
-
<button
|
|
4309
|
-
class="pf-v6-c-button pf-m-small pf-m-plain"
|
|
4310
|
-
type="button"
|
|
4311
|
-
aria-label="Scroll right"
|
|
4312
|
-
disabled
|
|
4313
|
-
>
|
|
4314
|
-
<span class="pf-v6-c-button__icon">
|
|
4315
|
-
<svg
|
|
4316
|
-
class="pf-v6-svg"
|
|
4317
|
-
fill="currentColor"
|
|
4318
|
-
viewBox="0 0 20 20"
|
|
4319
|
-
aria-hidden="true"
|
|
4320
|
-
role="img"
|
|
4321
|
-
width="1em"
|
|
4322
|
-
height="1em"
|
|
4323
|
-
>
|
|
4324
|
-
<path
|
|
4325
|
-
d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
|
|
4326
|
-
/>
|
|
4327
|
-
</svg>
|
|
4328
|
-
</span>
|
|
4329
|
-
</button>
|
|
4330
|
-
</div>
|
|
3578
|
+
aria-selected="false"
|
|
3579
|
+
id="nav-tabs-system-link"
|
|
3580
|
+
>
|
|
3581
|
+
<span class="pf-v6-c-tabs__item-text">System</span>
|
|
3582
|
+
</button>
|
|
3583
|
+
</li>
|
|
3584
|
+
<li class="pf-v6-c-tabs__item" role="presentation">
|
|
3585
|
+
<button
|
|
3586
|
+
type="button"
|
|
3587
|
+
class="pf-v6-c-tabs__link"
|
|
3588
|
+
role="tab"
|
|
3589
|
+
aria-selected="false"
|
|
3590
|
+
id="nav-tabs-network-wired-link"
|
|
3591
|
+
>
|
|
3592
|
+
<span class="pf-v6-c-tabs__item-text">Network</span>
|
|
3593
|
+
</button>
|
|
3594
|
+
</li>
|
|
3595
|
+
</ul>
|
|
4331
3596
|
</nav>
|
|
4332
3597
|
|
|
4333
3598
|
```
|
|
@@ -5780,30 +5045,6 @@ As sub navigation:
|
|
|
5780
5045
|
role="region"
|
|
5781
5046
|
id="help-button-filled-example"
|
|
5782
5047
|
>
|
|
5783
|
-
<div class="pf-v6-c-tabs__scroll-button">
|
|
5784
|
-
<button
|
|
5785
|
-
class="pf-v6-c-button pf-m-plain"
|
|
5786
|
-
type="button"
|
|
5787
|
-
aria-label="Scroll left"
|
|
5788
|
-
disabled
|
|
5789
|
-
>
|
|
5790
|
-
<span class="pf-v6-c-button__icon">
|
|
5791
|
-
<svg
|
|
5792
|
-
class="pf-v6-svg"
|
|
5793
|
-
fill="currentColor"
|
|
5794
|
-
viewBox="0 0 20 20"
|
|
5795
|
-
aria-hidden="true"
|
|
5796
|
-
role="img"
|
|
5797
|
-
width="1em"
|
|
5798
|
-
height="1em"
|
|
5799
|
-
>
|
|
5800
|
-
<path
|
|
5801
|
-
d="m6.41 10 7.29-7.29.02-.02c.38-.4.37-1.03-.02-1.41-.4-.38-1.03-.37-1.41.02L4.64 8.95a1.49 1.49 0 0 0 0 2.12l7.65 7.65c.19.19.44.29.71.29.27 0 .52-.11.71-.29a.996.996 0 0 0 0-1.41l-7.29-7.29Z"
|
|
5802
|
-
/>
|
|
5803
|
-
</svg>
|
|
5804
|
-
</span>
|
|
5805
|
-
</button>
|
|
5806
|
-
</div>
|
|
5807
5048
|
<ul
|
|
5808
5049
|
class="pf-v6-c-tabs__list"
|
|
5809
5050
|
role="tablist"
|
|
@@ -5918,31 +5159,6 @@ As sub navigation:
|
|
|
5918
5159
|
</span>
|
|
5919
5160
|
</li>
|
|
5920
5161
|
</ul>
|
|
5921
|
-
|
|
5922
|
-
<div class="pf-v6-c-tabs__scroll-button" aria-hidden="true">
|
|
5923
|
-
<button
|
|
5924
|
-
class="pf-v6-c-button pf-m-plain"
|
|
5925
|
-
type="button"
|
|
5926
|
-
aria-label="Scroll right"
|
|
5927
|
-
disabled
|
|
5928
|
-
>
|
|
5929
|
-
<span class="pf-v6-c-button__icon">
|
|
5930
|
-
<svg
|
|
5931
|
-
class="pf-v6-svg"
|
|
5932
|
-
fill="currentColor"
|
|
5933
|
-
viewBox="0 0 20 20"
|
|
5934
|
-
aria-hidden="true"
|
|
5935
|
-
role="img"
|
|
5936
|
-
width="1em"
|
|
5937
|
-
height="1em"
|
|
5938
|
-
>
|
|
5939
|
-
<path
|
|
5940
|
-
d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
|
|
5941
|
-
/>
|
|
5942
|
-
</svg>
|
|
5943
|
-
</span>
|
|
5944
|
-
</button>
|
|
5945
|
-
</div>
|
|
5946
5162
|
</div>
|
|
5947
5163
|
|
|
5948
5164
|
<br />
|
|
@@ -8055,30 +7271,6 @@ As sub navigation:
|
|
|
8055
7271
|
role="region"
|
|
8056
7272
|
id="close-button-filled-example"
|
|
8057
7273
|
>
|
|
8058
|
-
<div class="pf-v6-c-tabs__scroll-button">
|
|
8059
|
-
<button
|
|
8060
|
-
class="pf-v6-c-button pf-m-plain"
|
|
8061
|
-
type="button"
|
|
8062
|
-
aria-label="Scroll left"
|
|
8063
|
-
disabled
|
|
8064
|
-
>
|
|
8065
|
-
<span class="pf-v6-c-button__icon">
|
|
8066
|
-
<svg
|
|
8067
|
-
class="pf-v6-svg"
|
|
8068
|
-
fill="currentColor"
|
|
8069
|
-
viewBox="0 0 20 20"
|
|
8070
|
-
aria-hidden="true"
|
|
8071
|
-
role="img"
|
|
8072
|
-
width="1em"
|
|
8073
|
-
height="1em"
|
|
8074
|
-
>
|
|
8075
|
-
<path
|
|
8076
|
-
d="m6.41 10 7.29-7.29.02-.02c.38-.4.37-1.03-.02-1.41-.4-.38-1.03-.37-1.41.02L4.64 8.95a1.49 1.49 0 0 0 0 2.12l7.65 7.65c.19.19.44.29.71.29.27 0 .52-.11.71-.29a.996.996 0 0 0 0-1.41l-7.29-7.29Z"
|
|
8077
|
-
/>
|
|
8078
|
-
</svg>
|
|
8079
|
-
</span>
|
|
8080
|
-
</button>
|
|
8081
|
-
</div>
|
|
8082
7274
|
<ul
|
|
8083
7275
|
class="pf-v6-c-tabs__list"
|
|
8084
7276
|
role="tablist"
|
|
@@ -8193,31 +7385,6 @@ As sub navigation:
|
|
|
8193
7385
|
</span>
|
|
8194
7386
|
</li>
|
|
8195
7387
|
</ul>
|
|
8196
|
-
|
|
8197
|
-
<div class="pf-v6-c-tabs__scroll-button" aria-hidden="true">
|
|
8198
|
-
<button
|
|
8199
|
-
class="pf-v6-c-button pf-m-plain"
|
|
8200
|
-
type="button"
|
|
8201
|
-
aria-label="Scroll right"
|
|
8202
|
-
disabled
|
|
8203
|
-
>
|
|
8204
|
-
<span class="pf-v6-c-button__icon">
|
|
8205
|
-
<svg
|
|
8206
|
-
class="pf-v6-svg"
|
|
8207
|
-
fill="currentColor"
|
|
8208
|
-
viewBox="0 0 20 20"
|
|
8209
|
-
aria-hidden="true"
|
|
8210
|
-
role="img"
|
|
8211
|
-
width="1em"
|
|
8212
|
-
height="1em"
|
|
8213
|
-
>
|
|
8214
|
-
<path
|
|
8215
|
-
d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
|
|
8216
|
-
/>
|
|
8217
|
-
</svg>
|
|
8218
|
-
</span>
|
|
8219
|
-
</button>
|
|
8220
|
-
</div>
|
|
8221
7388
|
</div>
|
|
8222
7389
|
|
|
8223
7390
|
<br />
|
|
@@ -11636,30 +10803,6 @@ As sub navigation:
|
|
|
11636
10803
|
role="region"
|
|
11637
10804
|
id="help-close-button-filled-example"
|
|
11638
10805
|
>
|
|
11639
|
-
<div class="pf-v6-c-tabs__scroll-button">
|
|
11640
|
-
<button
|
|
11641
|
-
class="pf-v6-c-button pf-m-plain"
|
|
11642
|
-
type="button"
|
|
11643
|
-
aria-label="Scroll left"
|
|
11644
|
-
disabled
|
|
11645
|
-
>
|
|
11646
|
-
<span class="pf-v6-c-button__icon">
|
|
11647
|
-
<svg
|
|
11648
|
-
class="pf-v6-svg"
|
|
11649
|
-
fill="currentColor"
|
|
11650
|
-
viewBox="0 0 20 20"
|
|
11651
|
-
aria-hidden="true"
|
|
11652
|
-
role="img"
|
|
11653
|
-
width="1em"
|
|
11654
|
-
height="1em"
|
|
11655
|
-
>
|
|
11656
|
-
<path
|
|
11657
|
-
d="m6.41 10 7.29-7.29.02-.02c.38-.4.37-1.03-.02-1.41-.4-.38-1.03-.37-1.41.02L4.64 8.95a1.49 1.49 0 0 0 0 2.12l7.65 7.65c.19.19.44.29.71.29.27 0 .52-.11.71-.29a.996.996 0 0 0 0-1.41l-7.29-7.29Z"
|
|
11658
|
-
/>
|
|
11659
|
-
</svg>
|
|
11660
|
-
</span>
|
|
11661
|
-
</button>
|
|
11662
|
-
</div>
|
|
11663
10806
|
<ul
|
|
11664
10807
|
class="pf-v6-c-tabs__list"
|
|
11665
10808
|
role="tablist"
|
|
@@ -11852,31 +10995,6 @@ As sub navigation:
|
|
|
11852
10995
|
</span>
|
|
11853
10996
|
</li>
|
|
11854
10997
|
</ul>
|
|
11855
|
-
|
|
11856
|
-
<div class="pf-v6-c-tabs__scroll-button" aria-hidden="true">
|
|
11857
|
-
<button
|
|
11858
|
-
class="pf-v6-c-button pf-m-plain"
|
|
11859
|
-
type="button"
|
|
11860
|
-
aria-label="Scroll right"
|
|
11861
|
-
disabled
|
|
11862
|
-
>
|
|
11863
|
-
<span class="pf-v6-c-button__icon">
|
|
11864
|
-
<svg
|
|
11865
|
-
class="pf-v6-svg"
|
|
11866
|
-
fill="currentColor"
|
|
11867
|
-
viewBox="0 0 20 20"
|
|
11868
|
-
aria-hidden="true"
|
|
11869
|
-
role="img"
|
|
11870
|
-
width="1em"
|
|
11871
|
-
height="1em"
|
|
11872
|
-
>
|
|
11873
|
-
<path
|
|
11874
|
-
d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
|
|
11875
|
-
/>
|
|
11876
|
-
</svg>
|
|
11877
|
-
</span>
|
|
11878
|
-
</button>
|
|
11879
|
-
</div>
|
|
11880
10998
|
</div>
|
|
11881
10999
|
|
|
11882
11000
|
<br />
|
|
@@ -14418,30 +13536,6 @@ To animate the current tab accent, you must set the following variables on the `
|
|
|
14418
13536
|
role="region"
|
|
14419
13537
|
id="tabs-animate-current-default"
|
|
14420
13538
|
>
|
|
14421
|
-
<div class="pf-v6-c-tabs__scroll-button" aria-hidden="true">
|
|
14422
|
-
<button
|
|
14423
|
-
class="pf-v6-c-button pf-m-plain"
|
|
14424
|
-
type="button"
|
|
14425
|
-
aria-label="Scroll left"
|
|
14426
|
-
disabled
|
|
14427
|
-
>
|
|
14428
|
-
<span class="pf-v6-c-button__icon">
|
|
14429
|
-
<svg
|
|
14430
|
-
class="pf-v6-svg"
|
|
14431
|
-
fill="currentColor"
|
|
14432
|
-
viewBox="0 0 20 20"
|
|
14433
|
-
aria-hidden="true"
|
|
14434
|
-
role="img"
|
|
14435
|
-
width="1em"
|
|
14436
|
-
height="1em"
|
|
14437
|
-
>
|
|
14438
|
-
<path
|
|
14439
|
-
d="m6.41 10 7.29-7.29.02-.02c.38-.4.37-1.03-.02-1.41-.4-.38-1.03-.37-1.41.02L4.64 8.95a1.49 1.49 0 0 0 0 2.12l7.65 7.65c.19.19.44.29.71.29.27 0 .52-.11.71-.29a.996.996 0 0 0 0-1.41l-7.29-7.29Z"
|
|
14440
|
-
/>
|
|
14441
|
-
</svg>
|
|
14442
|
-
</span>
|
|
14443
|
-
</button>
|
|
14444
|
-
</div>
|
|
14445
13539
|
<ul
|
|
14446
13540
|
class="pf-v6-c-tabs__list"
|
|
14447
13541
|
role="tablist"
|
|
@@ -14685,31 +13779,6 @@ To animate the current tab accent, you must set the following variables on the `
|
|
|
14685
13779
|
</button>
|
|
14686
13780
|
</li>
|
|
14687
13781
|
</ul>
|
|
14688
|
-
|
|
14689
|
-
<div class="pf-v6-c-tabs__scroll-button" aria-hidden="true">
|
|
14690
|
-
<button
|
|
14691
|
-
class="pf-v6-c-button pf-m-plain"
|
|
14692
|
-
type="button"
|
|
14693
|
-
aria-label="Scroll right"
|
|
14694
|
-
disabled
|
|
14695
|
-
>
|
|
14696
|
-
<span class="pf-v6-c-button__icon">
|
|
14697
|
-
<svg
|
|
14698
|
-
class="pf-v6-svg"
|
|
14699
|
-
fill="currentColor"
|
|
14700
|
-
viewBox="0 0 20 20"
|
|
14701
|
-
aria-hidden="true"
|
|
14702
|
-
role="img"
|
|
14703
|
-
width="1em"
|
|
14704
|
-
height="1em"
|
|
14705
|
-
>
|
|
14706
|
-
<path
|
|
14707
|
-
d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
|
|
14708
|
-
/>
|
|
14709
|
-
</svg>
|
|
14710
|
-
</span>
|
|
14711
|
-
</button>
|
|
14712
|
-
</div>
|
|
14713
13782
|
</div>
|
|
14714
13783
|
|
|
14715
13784
|
```
|
|
@@ -15323,30 +14392,6 @@ To animate the current tab accent, you must set the following variables on the `
|
|
|
15323
14392
|
role="region"
|
|
15324
14393
|
id="tabs-animate-current-filled"
|
|
15325
14394
|
>
|
|
15326
|
-
<div class="pf-v6-c-tabs__scroll-button" aria-hidden="true">
|
|
15327
|
-
<button
|
|
15328
|
-
class="pf-v6-c-button pf-m-plain"
|
|
15329
|
-
type="button"
|
|
15330
|
-
aria-label="Scroll left"
|
|
15331
|
-
disabled
|
|
15332
|
-
>
|
|
15333
|
-
<span class="pf-v6-c-button__icon">
|
|
15334
|
-
<svg
|
|
15335
|
-
class="pf-v6-svg"
|
|
15336
|
-
fill="currentColor"
|
|
15337
|
-
viewBox="0 0 20 20"
|
|
15338
|
-
aria-hidden="true"
|
|
15339
|
-
role="img"
|
|
15340
|
-
width="1em"
|
|
15341
|
-
height="1em"
|
|
15342
|
-
>
|
|
15343
|
-
<path
|
|
15344
|
-
d="m6.41 10 7.29-7.29.02-.02c.38-.4.37-1.03-.02-1.41-.4-.38-1.03-.37-1.41.02L4.64 8.95a1.49 1.49 0 0 0 0 2.12l7.65 7.65c.19.19.44.29.71.29.27 0 .52-.11.71-.29a.996.996 0 0 0 0-1.41l-7.29-7.29Z"
|
|
15345
|
-
/>
|
|
15346
|
-
</svg>
|
|
15347
|
-
</span>
|
|
15348
|
-
</button>
|
|
15349
|
-
</div>
|
|
15350
14395
|
<ul
|
|
15351
14396
|
class="pf-v6-c-tabs__list"
|
|
15352
14397
|
role="tablist"
|
|
@@ -15470,31 +14515,6 @@ To animate the current tab accent, you must set the following variables on the `
|
|
|
15470
14515
|
</button>
|
|
15471
14516
|
</li>
|
|
15472
14517
|
</ul>
|
|
15473
|
-
|
|
15474
|
-
<div class="pf-v6-c-tabs__scroll-button" aria-hidden="true">
|
|
15475
|
-
<button
|
|
15476
|
-
class="pf-v6-c-button pf-m-plain"
|
|
15477
|
-
type="button"
|
|
15478
|
-
aria-label="Scroll right"
|
|
15479
|
-
disabled
|
|
15480
|
-
>
|
|
15481
|
-
<span class="pf-v6-c-button__icon">
|
|
15482
|
-
<svg
|
|
15483
|
-
class="pf-v6-svg"
|
|
15484
|
-
fill="currentColor"
|
|
15485
|
-
viewBox="0 0 20 20"
|
|
15486
|
-
aria-hidden="true"
|
|
15487
|
-
role="img"
|
|
15488
|
-
width="1em"
|
|
15489
|
-
height="1em"
|
|
15490
|
-
>
|
|
15491
|
-
<path
|
|
15492
|
-
d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
|
|
15493
|
-
/>
|
|
15494
|
-
</svg>
|
|
15495
|
-
</span>
|
|
15496
|
-
</button>
|
|
15497
|
-
</div>
|
|
15498
14518
|
</div>
|
|
15499
14519
|
|
|
15500
14520
|
```
|