PageController

The API documentation of the PageController React component.

import { PageController } from '@transact-open-ux/react';

Allows multiple pages to be added to an application.

This component initializes the pages and loads them into the page context state.

If you are not using the Transact Application Framework, ensure end of flow pages (with id "SaveSuccess") are at the end of the PageController children.

Example

<PageController>
   <Page id="LandingPage" offMenu>
     <LandingPage />
   </Page>
   <Page id="GettingStarted" label="Let's get started">
     <GettingStarted />
   </Page>
   <Page id="AboutYou" label="All about you">
     <AboutYou />
   </Page>
   <Page id="SubmitSuccess" offMenu>
     <SubmitSuccess />
   </Page>
   <Page id="SaveSuccess" offMenu>
     <SaveSuccess />
   </Page>
   <Page id="CancelSuccess" offMenu>
     <CancelSuccess />
   </Page>
</PageController>

Props

Prop	Description
children	union: React.ReactNode | ReactNodeArray | any The children are Page components. To enable Transact Application Framework support you must ensure the Page components have id attributes.