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) }