diff --git a/packages/react-core/src/components/Breadcrumb/examples/BreadcrumbDropdown.tsx b/packages/react-core/src/components/Breadcrumb/examples/BreadcrumbDropdown.tsx
index ca6d166c18c..946f7b8253b 100644
--- a/packages/react-core/src/components/Breadcrumb/examples/BreadcrumbDropdown.tsx
+++ b/packages/react-core/src/components/Breadcrumb/examples/BreadcrumbDropdown.tsx
@@ -7,6 +7,7 @@ import {
Dropdown,
DropdownList,
DropdownItem,
+ Icon,
MenuToggle,
MenuToggleElement
} from '@patternfly/react-core';
@@ -14,13 +15,34 @@ import AngleLeftIcon from '@patternfly/react-icons/dist/esm/icons/angle-left-ico
import CaretDownIcon from '@patternfly/react-icons/dist/esm/icons/caret-down-icon';
const dropdownItems = [
- } key="edit">
+
+
+
+ }
+ key="edit"
+ >
Edit
,
- } key="action">
+
+
+
+ }
+ key="action"
+ >
Deployment
,
- } key="apps">
+
+
+
+ }
+ key="apps"
+ >
Applications
];
diff --git a/packages/react-core/src/components/Menu/examples/MenuWithDrilldownBreadcrumbs.tsx b/packages/react-core/src/components/Menu/examples/MenuWithDrilldownBreadcrumbs.tsx
index cbeb81777dd..daffdd4da10 100644
--- a/packages/react-core/src/components/Menu/examples/MenuWithDrilldownBreadcrumbs.tsx
+++ b/packages/react-core/src/components/Menu/examples/MenuWithDrilldownBreadcrumbs.tsx
@@ -1,22 +1,23 @@
import React from 'react';
import {
- Menu,
- MenuContent,
- MenuList,
- MenuItem,
- Divider,
- DrilldownMenu,
+ Badge,
Breadcrumb,
- BreadcrumbItem,
BreadcrumbHeading,
- MenuBreadcrumb,
+ BreadcrumbItem,
Checkbox,
+ Divider,
+ DrilldownMenu,
Dropdown,
- DropdownList,
DropdownItem,
+ DropdownList,
+ Icon,
+ Menu,
+ MenuBreadcrumb,
+ MenuContent,
+ MenuItem,
+ MenuList,
MenuToggle,
- MenuToggleElement,
- Badge
+ MenuToggleElement
} from '@patternfly/react-core';
import StorageDomainIcon from '@patternfly/react-icons/dist/esm/icons/storage-domain-icon';
import CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-branch-icon';
@@ -129,7 +130,11 @@ export const MenuWithDrilldownBreadcrumbs: React.FunctionComponent = () => {
}
+ icon={
+
+
+
+ }
onClick={(event: any) =>
drillOut(event, 'breadcrumbs-drilldownMenuStart', 'group:app_grouping_start', startRolloutBreadcrumb)
}
@@ -169,7 +174,11 @@ export const MenuWithDrilldownBreadcrumbs: React.FunctionComponent = () => {
}
+ icon={
+
+
+
+ }
onClick={(event: any) =>
drillOut(event, 'breadcrumbs-drilldownMenuStart', 'group:labels_start', startRolloutBreadcrumb)
}
@@ -221,7 +230,11 @@ export const MenuWithDrilldownBreadcrumbs: React.FunctionComponent = () => {
}
+ icon={
+
+
+
+ }
onClick={(event: any) =>
drillOut(event, 'breadcrumbs-drilldownMenuPause', 'group:app_grouping', pauseRolloutsBreadcrumb)
}
@@ -266,7 +279,11 @@ export const MenuWithDrilldownBreadcrumbs: React.FunctionComponent = () => {
}
+ icon={
+
+
+
+ }
onClick={(event: any) =>
drillOut(event, 'breadcrumbs-drilldownMenuPause', 'group:labels', pauseRolloutsBreadcrumb)
}