@patternfly/patternfly 5.0.0-alpha.20 → 5.0.0-alpha.22
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/Chip/chip.css +33 -24
- package/components/Chip/chip.scss +40 -31
- package/components/Label/label.css +35 -24
- package/components/Label/label.scss +40 -27
- package/components/Table/table-tree-view.css +10 -0
- package/components/Table/table-tree-view.scss +15 -0
- package/components/Table/table.css +4 -0
- package/components/Table/table.scss +4 -0
- package/docs/components/Chip/examples/Chip.md +61 -43
- package/docs/components/ChipGroup/examples/ChipGroup.md +437 -329
- package/docs/components/InlineEdit/examples/InlineEdit.md +5 -3
- package/docs/components/Label/examples/Label.md +1399 -718
- package/docs/components/LabelGroup/examples/LabelGroup.md +274 -209
- package/docs/components/Select/examples/Select.md +224 -170
- package/docs/components/Table/examples/Table.md +565 -41
- package/docs/components/TextInputGroup/examples/TextInputGroup.md +343 -261
- package/docs/components/Toolbar/examples/Toolbar.md +306 -234
- package/docs/demos/Card/examples/Card.md +29 -27
- package/docs/demos/Dashboard/examples/Dashboard.md +23 -15
- package/docs/demos/DescriptionList/examples/DescriptionList.md +21 -9
- package/docs/demos/Drawer/examples/Drawer.md +4 -2
- package/docs/demos/Form/examples/BasicForms.md +28 -22
- package/docs/demos/Tabs/examples/Tabs.md +39 -16
- package/docs/demos/Toolbar/examples/Toolbar.md +102 -78
- package/package.json +2 -2
- package/patternfly-no-reset.css +82 -48
- package/patternfly.css +82 -48
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
|
@@ -1507,53 +1507,65 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
|
|
|
1507
1507
|
>
|
|
1508
1508
|
<li class="pf-c-chip-group__list-item">
|
|
1509
1509
|
<div class="pf-c-chip">
|
|
1510
|
-
<span
|
|
1511
|
-
|
|
1512
|
-
|
|
1513
|
-
|
|
1514
|
-
|
|
1515
|
-
|
|
1516
|
-
|
|
1517
|
-
|
|
1518
|
-
|
|
1519
|
-
|
|
1520
|
-
|
|
1521
|
-
|
|
1522
|
-
|
|
1510
|
+
<span class="pf-c-chip__content">
|
|
1511
|
+
<span
|
|
1512
|
+
class="pf-c-chip__text"
|
|
1513
|
+
id="toolbar-selected-filters-toggle-group-collapsed-example-chip-group-statuschip-one"
|
|
1514
|
+
>Chip one</span>
|
|
1515
|
+
</span>
|
|
1516
|
+
<span class="pf-c-chip__actions">
|
|
1517
|
+
<button
|
|
1518
|
+
class="pf-c-button pf-m-plain"
|
|
1519
|
+
type="button"
|
|
1520
|
+
aria-labelledby="toolbar-selected-filters-toggle-group-collapsed-example-chip-group-statusremove-chip-one toolbar-selected-filters-toggle-group-collapsed-example-chip-group-statuschip-one"
|
|
1521
|
+
aria-label="Remove"
|
|
1522
|
+
id="toolbar-selected-filters-toggle-group-collapsed-example-chip-group-statusremove-chip-one"
|
|
1523
|
+
>
|
|
1524
|
+
<i class="fas fa-times" aria-hidden="true"></i>
|
|
1525
|
+
</button>
|
|
1526
|
+
</span>
|
|
1523
1527
|
</div>
|
|
1524
1528
|
</li>
|
|
1525
1529
|
<li class="pf-c-chip-group__list-item">
|
|
1526
1530
|
<div class="pf-c-chip">
|
|
1527
|
-
<span
|
|
1528
|
-
|
|
1529
|
-
|
|
1530
|
-
|
|
1531
|
-
|
|
1532
|
-
|
|
1533
|
-
|
|
1534
|
-
|
|
1535
|
-
|
|
1536
|
-
|
|
1537
|
-
|
|
1538
|
-
|
|
1539
|
-
|
|
1531
|
+
<span class="pf-c-chip__content">
|
|
1532
|
+
<span
|
|
1533
|
+
class="pf-c-chip__text"
|
|
1534
|
+
id="toolbar-selected-filters-toggle-group-collapsed-example-chip-group-statuschip-two"
|
|
1535
|
+
>Chip two</span>
|
|
1536
|
+
</span>
|
|
1537
|
+
<span class="pf-c-chip__actions">
|
|
1538
|
+
<button
|
|
1539
|
+
class="pf-c-button pf-m-plain"
|
|
1540
|
+
type="button"
|
|
1541
|
+
aria-labelledby="toolbar-selected-filters-toggle-group-collapsed-example-chip-group-statusremove-chip-two toolbar-selected-filters-toggle-group-collapsed-example-chip-group-statuschip-two"
|
|
1542
|
+
aria-label="Remove"
|
|
1543
|
+
id="toolbar-selected-filters-toggle-group-collapsed-example-chip-group-statusremove-chip-two"
|
|
1544
|
+
>
|
|
1545
|
+
<i class="fas fa-times" aria-hidden="true"></i>
|
|
1546
|
+
</button>
|
|
1547
|
+
</span>
|
|
1540
1548
|
</div>
|
|
1541
1549
|
</li>
|
|
1542
1550
|
<li class="pf-c-chip-group__list-item">
|
|
1543
1551
|
<div class="pf-c-chip">
|
|
1544
|
-
<span
|
|
1545
|
-
|
|
1546
|
-
|
|
1547
|
-
|
|
1548
|
-
|
|
1549
|
-
|
|
1550
|
-
|
|
1551
|
-
|
|
1552
|
-
|
|
1553
|
-
|
|
1554
|
-
|
|
1555
|
-
|
|
1556
|
-
|
|
1552
|
+
<span class="pf-c-chip__content">
|
|
1553
|
+
<span
|
|
1554
|
+
class="pf-c-chip__text"
|
|
1555
|
+
id="toolbar-selected-filters-toggle-group-collapsed-example-chip-group-statuschip-three"
|
|
1556
|
+
>Chip three</span>
|
|
1557
|
+
</span>
|
|
1558
|
+
<span class="pf-c-chip__actions">
|
|
1559
|
+
<button
|
|
1560
|
+
class="pf-c-button pf-m-plain"
|
|
1561
|
+
type="button"
|
|
1562
|
+
aria-labelledby="toolbar-selected-filters-toggle-group-collapsed-example-chip-group-statusremove-chip-three toolbar-selected-filters-toggle-group-collapsed-example-chip-group-statuschip-three"
|
|
1563
|
+
aria-label="Remove"
|
|
1564
|
+
id="toolbar-selected-filters-toggle-group-collapsed-example-chip-group-statusremove-chip-three"
|
|
1565
|
+
>
|
|
1566
|
+
<i class="fas fa-times" aria-hidden="true"></i>
|
|
1567
|
+
</button>
|
|
1568
|
+
</span>
|
|
1557
1569
|
</div>
|
|
1558
1570
|
</li>
|
|
1559
1571
|
</ul>
|
|
@@ -1575,53 +1587,65 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
|
|
|
1575
1587
|
>
|
|
1576
1588
|
<li class="pf-c-chip-group__list-item">
|
|
1577
1589
|
<div class="pf-c-chip">
|
|
1578
|
-
<span
|
|
1579
|
-
|
|
1580
|
-
|
|
1581
|
-
|
|
1582
|
-
|
|
1583
|
-
|
|
1584
|
-
|
|
1585
|
-
|
|
1586
|
-
|
|
1587
|
-
|
|
1588
|
-
|
|
1589
|
-
|
|
1590
|
-
|
|
1590
|
+
<span class="pf-c-chip__content">
|
|
1591
|
+
<span
|
|
1592
|
+
class="pf-c-chip__text"
|
|
1593
|
+
id="toolbar-selected-filters-toggle-group-collapsed-example-chip-group-riskchip-one"
|
|
1594
|
+
>Chip one</span>
|
|
1595
|
+
</span>
|
|
1596
|
+
<span class="pf-c-chip__actions">
|
|
1597
|
+
<button
|
|
1598
|
+
class="pf-c-button pf-m-plain"
|
|
1599
|
+
type="button"
|
|
1600
|
+
aria-labelledby="toolbar-selected-filters-toggle-group-collapsed-example-chip-group-riskremove-chip-one toolbar-selected-filters-toggle-group-collapsed-example-chip-group-riskchip-one"
|
|
1601
|
+
aria-label="Remove"
|
|
1602
|
+
id="toolbar-selected-filters-toggle-group-collapsed-example-chip-group-riskremove-chip-one"
|
|
1603
|
+
>
|
|
1604
|
+
<i class="fas fa-times" aria-hidden="true"></i>
|
|
1605
|
+
</button>
|
|
1606
|
+
</span>
|
|
1591
1607
|
</div>
|
|
1592
1608
|
</li>
|
|
1593
1609
|
<li class="pf-c-chip-group__list-item">
|
|
1594
1610
|
<div class="pf-c-chip">
|
|
1595
|
-
<span
|
|
1596
|
-
|
|
1597
|
-
|
|
1598
|
-
|
|
1599
|
-
|
|
1600
|
-
|
|
1601
|
-
|
|
1602
|
-
|
|
1603
|
-
|
|
1604
|
-
|
|
1605
|
-
|
|
1606
|
-
|
|
1607
|
-
|
|
1611
|
+
<span class="pf-c-chip__content">
|
|
1612
|
+
<span
|
|
1613
|
+
class="pf-c-chip__text"
|
|
1614
|
+
id="toolbar-selected-filters-toggle-group-collapsed-example-chip-group-riskchip-two"
|
|
1615
|
+
>Chip two</span>
|
|
1616
|
+
</span>
|
|
1617
|
+
<span class="pf-c-chip__actions">
|
|
1618
|
+
<button
|
|
1619
|
+
class="pf-c-button pf-m-plain"
|
|
1620
|
+
type="button"
|
|
1621
|
+
aria-labelledby="toolbar-selected-filters-toggle-group-collapsed-example-chip-group-riskremove-chip-two toolbar-selected-filters-toggle-group-collapsed-example-chip-group-riskchip-two"
|
|
1622
|
+
aria-label="Remove"
|
|
1623
|
+
id="toolbar-selected-filters-toggle-group-collapsed-example-chip-group-riskremove-chip-two"
|
|
1624
|
+
>
|
|
1625
|
+
<i class="fas fa-times" aria-hidden="true"></i>
|
|
1626
|
+
</button>
|
|
1627
|
+
</span>
|
|
1608
1628
|
</div>
|
|
1609
1629
|
</li>
|
|
1610
1630
|
<li class="pf-c-chip-group__list-item">
|
|
1611
1631
|
<div class="pf-c-chip">
|
|
1612
|
-
<span
|
|
1613
|
-
|
|
1614
|
-
|
|
1615
|
-
|
|
1616
|
-
|
|
1617
|
-
|
|
1618
|
-
|
|
1619
|
-
|
|
1620
|
-
|
|
1621
|
-
|
|
1622
|
-
|
|
1623
|
-
|
|
1624
|
-
|
|
1632
|
+
<span class="pf-c-chip__content">
|
|
1633
|
+
<span
|
|
1634
|
+
class="pf-c-chip__text"
|
|
1635
|
+
id="toolbar-selected-filters-toggle-group-collapsed-example-chip-group-riskchip-three"
|
|
1636
|
+
>Chip three</span>
|
|
1637
|
+
</span>
|
|
1638
|
+
<span class="pf-c-chip__actions">
|
|
1639
|
+
<button
|
|
1640
|
+
class="pf-c-button pf-m-plain"
|
|
1641
|
+
type="button"
|
|
1642
|
+
aria-labelledby="toolbar-selected-filters-toggle-group-collapsed-example-chip-group-riskremove-chip-three toolbar-selected-filters-toggle-group-collapsed-example-chip-group-riskchip-three"
|
|
1643
|
+
aria-label="Remove"
|
|
1644
|
+
id="toolbar-selected-filters-toggle-group-collapsed-example-chip-group-riskremove-chip-three"
|
|
1645
|
+
>
|
|
1646
|
+
<i class="fas fa-times" aria-hidden="true"></i>
|
|
1647
|
+
</button>
|
|
1648
|
+
</span>
|
|
1625
1649
|
</div>
|
|
1626
1650
|
</li>
|
|
1627
1651
|
</ul>
|
|
@@ -2050,53 +2074,65 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
|
|
|
2050
2074
|
>
|
|
2051
2075
|
<li class="pf-c-chip-group__list-item">
|
|
2052
2076
|
<div class="pf-c-chip">
|
|
2053
|
-
<span
|
|
2054
|
-
|
|
2055
|
-
|
|
2056
|
-
|
|
2057
|
-
|
|
2058
|
-
|
|
2059
|
-
|
|
2060
|
-
|
|
2061
|
-
|
|
2062
|
-
|
|
2063
|
-
|
|
2064
|
-
|
|
2065
|
-
|
|
2077
|
+
<span class="pf-c-chip__content">
|
|
2078
|
+
<span
|
|
2079
|
+
class="pf-c-chip__text"
|
|
2080
|
+
id="toolbar-selected-filters-toggle-group-expanded-example-chip-group-statuschip-one"
|
|
2081
|
+
>Chip one</span>
|
|
2082
|
+
</span>
|
|
2083
|
+
<span class="pf-c-chip__actions">
|
|
2084
|
+
<button
|
|
2085
|
+
class="pf-c-button pf-m-plain"
|
|
2086
|
+
type="button"
|
|
2087
|
+
aria-labelledby="toolbar-selected-filters-toggle-group-expanded-example-chip-group-statusremove-chip-one toolbar-selected-filters-toggle-group-expanded-example-chip-group-statuschip-one"
|
|
2088
|
+
aria-label="Remove"
|
|
2089
|
+
id="toolbar-selected-filters-toggle-group-expanded-example-chip-group-statusremove-chip-one"
|
|
2090
|
+
>
|
|
2091
|
+
<i class="fas fa-times" aria-hidden="true"></i>
|
|
2092
|
+
</button>
|
|
2093
|
+
</span>
|
|
2066
2094
|
</div>
|
|
2067
2095
|
</li>
|
|
2068
2096
|
<li class="pf-c-chip-group__list-item">
|
|
2069
2097
|
<div class="pf-c-chip">
|
|
2070
|
-
<span
|
|
2071
|
-
|
|
2072
|
-
|
|
2073
|
-
|
|
2074
|
-
|
|
2075
|
-
|
|
2076
|
-
|
|
2077
|
-
|
|
2078
|
-
|
|
2079
|
-
|
|
2080
|
-
|
|
2081
|
-
|
|
2082
|
-
|
|
2098
|
+
<span class="pf-c-chip__content">
|
|
2099
|
+
<span
|
|
2100
|
+
class="pf-c-chip__text"
|
|
2101
|
+
id="toolbar-selected-filters-toggle-group-expanded-example-chip-group-statuschip-two"
|
|
2102
|
+
>Chip two</span>
|
|
2103
|
+
</span>
|
|
2104
|
+
<span class="pf-c-chip__actions">
|
|
2105
|
+
<button
|
|
2106
|
+
class="pf-c-button pf-m-plain"
|
|
2107
|
+
type="button"
|
|
2108
|
+
aria-labelledby="toolbar-selected-filters-toggle-group-expanded-example-chip-group-statusremove-chip-two toolbar-selected-filters-toggle-group-expanded-example-chip-group-statuschip-two"
|
|
2109
|
+
aria-label="Remove"
|
|
2110
|
+
id="toolbar-selected-filters-toggle-group-expanded-example-chip-group-statusremove-chip-two"
|
|
2111
|
+
>
|
|
2112
|
+
<i class="fas fa-times" aria-hidden="true"></i>
|
|
2113
|
+
</button>
|
|
2114
|
+
</span>
|
|
2083
2115
|
</div>
|
|
2084
2116
|
</li>
|
|
2085
2117
|
<li class="pf-c-chip-group__list-item">
|
|
2086
2118
|
<div class="pf-c-chip">
|
|
2087
|
-
<span
|
|
2088
|
-
|
|
2089
|
-
|
|
2090
|
-
|
|
2091
|
-
|
|
2092
|
-
|
|
2093
|
-
|
|
2094
|
-
|
|
2095
|
-
|
|
2096
|
-
|
|
2097
|
-
|
|
2098
|
-
|
|
2099
|
-
|
|
2119
|
+
<span class="pf-c-chip__content">
|
|
2120
|
+
<span
|
|
2121
|
+
class="pf-c-chip__text"
|
|
2122
|
+
id="toolbar-selected-filters-toggle-group-expanded-example-chip-group-statuschip-three"
|
|
2123
|
+
>Chip three</span>
|
|
2124
|
+
</span>
|
|
2125
|
+
<span class="pf-c-chip__actions">
|
|
2126
|
+
<button
|
|
2127
|
+
class="pf-c-button pf-m-plain"
|
|
2128
|
+
type="button"
|
|
2129
|
+
aria-labelledby="toolbar-selected-filters-toggle-group-expanded-example-chip-group-statusremove-chip-three toolbar-selected-filters-toggle-group-expanded-example-chip-group-statuschip-three"
|
|
2130
|
+
aria-label="Remove"
|
|
2131
|
+
id="toolbar-selected-filters-toggle-group-expanded-example-chip-group-statusremove-chip-three"
|
|
2132
|
+
>
|
|
2133
|
+
<i class="fas fa-times" aria-hidden="true"></i>
|
|
2134
|
+
</button>
|
|
2135
|
+
</span>
|
|
2100
2136
|
</div>
|
|
2101
2137
|
</li>
|
|
2102
2138
|
</ul>
|
|
@@ -2118,53 +2154,65 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
|
|
|
2118
2154
|
>
|
|
2119
2155
|
<li class="pf-c-chip-group__list-item">
|
|
2120
2156
|
<div class="pf-c-chip">
|
|
2121
|
-
<span
|
|
2122
|
-
|
|
2123
|
-
|
|
2124
|
-
|
|
2125
|
-
|
|
2126
|
-
|
|
2127
|
-
|
|
2128
|
-
|
|
2129
|
-
|
|
2130
|
-
|
|
2131
|
-
|
|
2132
|
-
|
|
2133
|
-
|
|
2157
|
+
<span class="pf-c-chip__content">
|
|
2158
|
+
<span
|
|
2159
|
+
class="pf-c-chip__text"
|
|
2160
|
+
id="toolbar-selected-filters-toggle-group-expanded-example-chip-group-riskchip-one"
|
|
2161
|
+
>Chip one</span>
|
|
2162
|
+
</span>
|
|
2163
|
+
<span class="pf-c-chip__actions">
|
|
2164
|
+
<button
|
|
2165
|
+
class="pf-c-button pf-m-plain"
|
|
2166
|
+
type="button"
|
|
2167
|
+
aria-labelledby="toolbar-selected-filters-toggle-group-expanded-example-chip-group-riskremove-chip-one toolbar-selected-filters-toggle-group-expanded-example-chip-group-riskchip-one"
|
|
2168
|
+
aria-label="Remove"
|
|
2169
|
+
id="toolbar-selected-filters-toggle-group-expanded-example-chip-group-riskremove-chip-one"
|
|
2170
|
+
>
|
|
2171
|
+
<i class="fas fa-times" aria-hidden="true"></i>
|
|
2172
|
+
</button>
|
|
2173
|
+
</span>
|
|
2134
2174
|
</div>
|
|
2135
2175
|
</li>
|
|
2136
2176
|
<li class="pf-c-chip-group__list-item">
|
|
2137
2177
|
<div class="pf-c-chip">
|
|
2138
|
-
<span
|
|
2139
|
-
|
|
2140
|
-
|
|
2141
|
-
|
|
2142
|
-
|
|
2143
|
-
|
|
2144
|
-
|
|
2145
|
-
|
|
2146
|
-
|
|
2147
|
-
|
|
2148
|
-
|
|
2149
|
-
|
|
2150
|
-
|
|
2178
|
+
<span class="pf-c-chip__content">
|
|
2179
|
+
<span
|
|
2180
|
+
class="pf-c-chip__text"
|
|
2181
|
+
id="toolbar-selected-filters-toggle-group-expanded-example-chip-group-riskchip-two"
|
|
2182
|
+
>Chip two</span>
|
|
2183
|
+
</span>
|
|
2184
|
+
<span class="pf-c-chip__actions">
|
|
2185
|
+
<button
|
|
2186
|
+
class="pf-c-button pf-m-plain"
|
|
2187
|
+
type="button"
|
|
2188
|
+
aria-labelledby="toolbar-selected-filters-toggle-group-expanded-example-chip-group-riskremove-chip-two toolbar-selected-filters-toggle-group-expanded-example-chip-group-riskchip-two"
|
|
2189
|
+
aria-label="Remove"
|
|
2190
|
+
id="toolbar-selected-filters-toggle-group-expanded-example-chip-group-riskremove-chip-two"
|
|
2191
|
+
>
|
|
2192
|
+
<i class="fas fa-times" aria-hidden="true"></i>
|
|
2193
|
+
</button>
|
|
2194
|
+
</span>
|
|
2151
2195
|
</div>
|
|
2152
2196
|
</li>
|
|
2153
2197
|
<li class="pf-c-chip-group__list-item">
|
|
2154
2198
|
<div class="pf-c-chip">
|
|
2155
|
-
<span
|
|
2156
|
-
|
|
2157
|
-
|
|
2158
|
-
|
|
2159
|
-
|
|
2160
|
-
|
|
2161
|
-
|
|
2162
|
-
|
|
2163
|
-
|
|
2164
|
-
|
|
2165
|
-
|
|
2166
|
-
|
|
2167
|
-
|
|
2199
|
+
<span class="pf-c-chip__content">
|
|
2200
|
+
<span
|
|
2201
|
+
class="pf-c-chip__text"
|
|
2202
|
+
id="toolbar-selected-filters-toggle-group-expanded-example-chip-group-riskchip-three"
|
|
2203
|
+
>Chip three</span>
|
|
2204
|
+
</span>
|
|
2205
|
+
<span class="pf-c-chip__actions">
|
|
2206
|
+
<button
|
|
2207
|
+
class="pf-c-button pf-m-plain"
|
|
2208
|
+
type="button"
|
|
2209
|
+
aria-labelledby="toolbar-selected-filters-toggle-group-expanded-example-chip-group-riskremove-chip-three toolbar-selected-filters-toggle-group-expanded-example-chip-group-riskchip-three"
|
|
2210
|
+
aria-label="Remove"
|
|
2211
|
+
id="toolbar-selected-filters-toggle-group-expanded-example-chip-group-riskremove-chip-three"
|
|
2212
|
+
>
|
|
2213
|
+
<i class="fas fa-times" aria-hidden="true"></i>
|
|
2214
|
+
</button>
|
|
2215
|
+
</span>
|
|
2168
2216
|
</div>
|
|
2169
2217
|
</li>
|
|
2170
2218
|
</ul>
|
|
@@ -2551,53 +2599,65 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
|
|
|
2551
2599
|
>
|
|
2552
2600
|
<li class="pf-c-chip-group__list-item">
|
|
2553
2601
|
<div class="pf-c-chip">
|
|
2554
|
-
<span
|
|
2555
|
-
|
|
2556
|
-
|
|
2557
|
-
|
|
2558
|
-
|
|
2559
|
-
|
|
2560
|
-
|
|
2561
|
-
|
|
2562
|
-
|
|
2563
|
-
|
|
2564
|
-
|
|
2565
|
-
|
|
2566
|
-
|
|
2602
|
+
<span class="pf-c-chip__content">
|
|
2603
|
+
<span
|
|
2604
|
+
class="pf-c-chip__text"
|
|
2605
|
+
id="toolbar-selected-filters-example-chip-group-statuschip-one"
|
|
2606
|
+
>Chip one</span>
|
|
2607
|
+
</span>
|
|
2608
|
+
<span class="pf-c-chip__actions">
|
|
2609
|
+
<button
|
|
2610
|
+
class="pf-c-button pf-m-plain"
|
|
2611
|
+
type="button"
|
|
2612
|
+
aria-labelledby="toolbar-selected-filters-example-chip-group-statusremove-chip-one toolbar-selected-filters-example-chip-group-statuschip-one"
|
|
2613
|
+
aria-label="Remove"
|
|
2614
|
+
id="toolbar-selected-filters-example-chip-group-statusremove-chip-one"
|
|
2615
|
+
>
|
|
2616
|
+
<i class="fas fa-times" aria-hidden="true"></i>
|
|
2617
|
+
</button>
|
|
2618
|
+
</span>
|
|
2567
2619
|
</div>
|
|
2568
2620
|
</li>
|
|
2569
2621
|
<li class="pf-c-chip-group__list-item">
|
|
2570
2622
|
<div class="pf-c-chip">
|
|
2571
|
-
<span
|
|
2572
|
-
|
|
2573
|
-
|
|
2574
|
-
|
|
2575
|
-
|
|
2576
|
-
|
|
2577
|
-
|
|
2578
|
-
|
|
2579
|
-
|
|
2580
|
-
|
|
2581
|
-
|
|
2582
|
-
|
|
2583
|
-
|
|
2623
|
+
<span class="pf-c-chip__content">
|
|
2624
|
+
<span
|
|
2625
|
+
class="pf-c-chip__text"
|
|
2626
|
+
id="toolbar-selected-filters-example-chip-group-statuschip-two"
|
|
2627
|
+
>Chip two</span>
|
|
2628
|
+
</span>
|
|
2629
|
+
<span class="pf-c-chip__actions">
|
|
2630
|
+
<button
|
|
2631
|
+
class="pf-c-button pf-m-plain"
|
|
2632
|
+
type="button"
|
|
2633
|
+
aria-labelledby="toolbar-selected-filters-example-chip-group-statusremove-chip-two toolbar-selected-filters-example-chip-group-statuschip-two"
|
|
2634
|
+
aria-label="Remove"
|
|
2635
|
+
id="toolbar-selected-filters-example-chip-group-statusremove-chip-two"
|
|
2636
|
+
>
|
|
2637
|
+
<i class="fas fa-times" aria-hidden="true"></i>
|
|
2638
|
+
</button>
|
|
2639
|
+
</span>
|
|
2584
2640
|
</div>
|
|
2585
2641
|
</li>
|
|
2586
2642
|
<li class="pf-c-chip-group__list-item">
|
|
2587
2643
|
<div class="pf-c-chip">
|
|
2588
|
-
<span
|
|
2589
|
-
|
|
2590
|
-
|
|
2591
|
-
|
|
2592
|
-
|
|
2593
|
-
|
|
2594
|
-
|
|
2595
|
-
|
|
2596
|
-
|
|
2597
|
-
|
|
2598
|
-
|
|
2599
|
-
|
|
2600
|
-
|
|
2644
|
+
<span class="pf-c-chip__content">
|
|
2645
|
+
<span
|
|
2646
|
+
class="pf-c-chip__text"
|
|
2647
|
+
id="toolbar-selected-filters-example-chip-group-statuschip-three"
|
|
2648
|
+
>Chip three</span>
|
|
2649
|
+
</span>
|
|
2650
|
+
<span class="pf-c-chip__actions">
|
|
2651
|
+
<button
|
|
2652
|
+
class="pf-c-button pf-m-plain"
|
|
2653
|
+
type="button"
|
|
2654
|
+
aria-labelledby="toolbar-selected-filters-example-chip-group-statusremove-chip-three toolbar-selected-filters-example-chip-group-statuschip-three"
|
|
2655
|
+
aria-label="Remove"
|
|
2656
|
+
id="toolbar-selected-filters-example-chip-group-statusremove-chip-three"
|
|
2657
|
+
>
|
|
2658
|
+
<i class="fas fa-times" aria-hidden="true"></i>
|
|
2659
|
+
</button>
|
|
2660
|
+
</span>
|
|
2601
2661
|
</div>
|
|
2602
2662
|
</li>
|
|
2603
2663
|
</ul>
|
|
@@ -2619,53 +2679,65 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
|
|
|
2619
2679
|
>
|
|
2620
2680
|
<li class="pf-c-chip-group__list-item">
|
|
2621
2681
|
<div class="pf-c-chip">
|
|
2622
|
-
<span
|
|
2623
|
-
|
|
2624
|
-
|
|
2625
|
-
|
|
2626
|
-
|
|
2627
|
-
|
|
2628
|
-
|
|
2629
|
-
|
|
2630
|
-
|
|
2631
|
-
|
|
2632
|
-
|
|
2633
|
-
|
|
2634
|
-
|
|
2682
|
+
<span class="pf-c-chip__content">
|
|
2683
|
+
<span
|
|
2684
|
+
class="pf-c-chip__text"
|
|
2685
|
+
id="toolbar-selected-filters-example-chip-group-riskchip-one"
|
|
2686
|
+
>Chip one</span>
|
|
2687
|
+
</span>
|
|
2688
|
+
<span class="pf-c-chip__actions">
|
|
2689
|
+
<button
|
|
2690
|
+
class="pf-c-button pf-m-plain"
|
|
2691
|
+
type="button"
|
|
2692
|
+
aria-labelledby="toolbar-selected-filters-example-chip-group-riskremove-chip-one toolbar-selected-filters-example-chip-group-riskchip-one"
|
|
2693
|
+
aria-label="Remove"
|
|
2694
|
+
id="toolbar-selected-filters-example-chip-group-riskremove-chip-one"
|
|
2695
|
+
>
|
|
2696
|
+
<i class="fas fa-times" aria-hidden="true"></i>
|
|
2697
|
+
</button>
|
|
2698
|
+
</span>
|
|
2635
2699
|
</div>
|
|
2636
2700
|
</li>
|
|
2637
2701
|
<li class="pf-c-chip-group__list-item">
|
|
2638
2702
|
<div class="pf-c-chip">
|
|
2639
|
-
<span
|
|
2640
|
-
|
|
2641
|
-
|
|
2642
|
-
|
|
2643
|
-
|
|
2644
|
-
|
|
2645
|
-
|
|
2646
|
-
|
|
2647
|
-
|
|
2648
|
-
|
|
2649
|
-
|
|
2650
|
-
|
|
2651
|
-
|
|
2703
|
+
<span class="pf-c-chip__content">
|
|
2704
|
+
<span
|
|
2705
|
+
class="pf-c-chip__text"
|
|
2706
|
+
id="toolbar-selected-filters-example-chip-group-riskchip-two"
|
|
2707
|
+
>Chip two</span>
|
|
2708
|
+
</span>
|
|
2709
|
+
<span class="pf-c-chip__actions">
|
|
2710
|
+
<button
|
|
2711
|
+
class="pf-c-button pf-m-plain"
|
|
2712
|
+
type="button"
|
|
2713
|
+
aria-labelledby="toolbar-selected-filters-example-chip-group-riskremove-chip-two toolbar-selected-filters-example-chip-group-riskchip-two"
|
|
2714
|
+
aria-label="Remove"
|
|
2715
|
+
id="toolbar-selected-filters-example-chip-group-riskremove-chip-two"
|
|
2716
|
+
>
|
|
2717
|
+
<i class="fas fa-times" aria-hidden="true"></i>
|
|
2718
|
+
</button>
|
|
2719
|
+
</span>
|
|
2652
2720
|
</div>
|
|
2653
2721
|
</li>
|
|
2654
2722
|
<li class="pf-c-chip-group__list-item">
|
|
2655
2723
|
<div class="pf-c-chip">
|
|
2656
|
-
<span
|
|
2657
|
-
|
|
2658
|
-
|
|
2659
|
-
|
|
2660
|
-
|
|
2661
|
-
|
|
2662
|
-
|
|
2663
|
-
|
|
2664
|
-
|
|
2665
|
-
|
|
2666
|
-
|
|
2667
|
-
|
|
2668
|
-
|
|
2724
|
+
<span class="pf-c-chip__content">
|
|
2725
|
+
<span
|
|
2726
|
+
class="pf-c-chip__text"
|
|
2727
|
+
id="toolbar-selected-filters-example-chip-group-riskchip-three"
|
|
2728
|
+
>Chip three</span>
|
|
2729
|
+
</span>
|
|
2730
|
+
<span class="pf-c-chip__actions">
|
|
2731
|
+
<button
|
|
2732
|
+
class="pf-c-button pf-m-plain"
|
|
2733
|
+
type="button"
|
|
2734
|
+
aria-labelledby="toolbar-selected-filters-example-chip-group-riskremove-chip-three toolbar-selected-filters-example-chip-group-riskchip-three"
|
|
2735
|
+
aria-label="Remove"
|
|
2736
|
+
id="toolbar-selected-filters-example-chip-group-riskremove-chip-three"
|
|
2737
|
+
>
|
|
2738
|
+
<i class="fas fa-times" aria-hidden="true"></i>
|
|
2739
|
+
</button>
|
|
2740
|
+
</span>
|
|
2669
2741
|
</div>
|
|
2670
2742
|
</li>
|
|
2671
2743
|
</ul>
|