diff --git a/packages/react-core/src/components/Wizard/examples/Wizard.md b/packages/react-core/src/components/Wizard/examples/Wizard.md index 3597f20bfd9..a1b31a5f272 100644 --- a/packages/react-core/src/components/Wizard/examples/Wizard.md +++ b/packages/react-core/src/components/Wizard/examples/Wizard.md @@ -34,6 +34,9 @@ DrawerColorVariant, DrawerHead, DrawerActions, DrawerCloseButton, +Modal, +ModalBody, +ModalVariant, Wizard, WizardFooter, WizardFooterWrapper, @@ -46,7 +49,6 @@ WizardNavItem, WizardNav, WizardHeader } from '@patternfly/react-core'; -import { Modal as ModalDeprecated, ModalVariant as ModalVariantDeprecated } from '@patternfly/react-core/deprecated'; import ExternalLinkAltIcon from '@patternfly/react-icons/dist/esm/icons/external-link-alt-icon'; import SlackHashIcon from '@patternfly/react-icons/dist/esm/icons/slack-hash-icon'; import CogsIcon from '@patternfly/react-icons/dist/esm/icons/cogs-icon'; diff --git a/packages/react-core/src/components/Wizard/examples/WizardWithinModal.tsx b/packages/react-core/src/components/Wizard/examples/WizardWithinModal.tsx index 41289391e65..2d3ba8c4522 100644 --- a/packages/react-core/src/components/Wizard/examples/WizardWithinModal.tsx +++ b/packages/react-core/src/components/Wizard/examples/WizardWithinModal.tsx @@ -1,49 +1,48 @@ import React from 'react'; -import { Button, Wizard, WizardStep, WizardHeader } from '@patternfly/react-core'; -import { Modal as ModalDeprecated, ModalVariant as ModalVariantDeprecated } from '@patternfly/react-core/deprecated'; +import { Button, Modal, ModalBody, ModalVariant, Wizard, WizardHeader, WizardStep } from '@patternfly/react-core'; -export const WizardWithinModal = () => { +export const WizardWithinModal: React.FunctionComponent = () => { const [isModelOpen, setIsModalOpen] = React.useState(false); return ( <> - setIsModalOpen(false)} - variant={ModalVariantDeprecated.medium} + variant={ModalVariant.medium} > - setIsModalOpen(false)} - title="In modal wizard" - header={ - setIsModalOpen(false)} - title="Wizard in modal" - description="Simple wizard description" - /> - } - > - - Step 1 content - - - Step 2 content - - setIsModalOpen(false) }} + + setIsModalOpen(false)} + title="In modal wizard" + header={ + setIsModalOpen(false)} + title="Wizard in modal" + description="Simple wizard description" + /> + } > - Review step content - - - + + Step 1 content + + + Step 2 content + + setIsModalOpen(false) }} + > + Review step content + + + + ); };