Page

The Page is a wrapper for the main content of a page. It includes location of an optional Sidebar.

See the Page layout foundations for more information on different layout options and styles.

Import

import { Page } from '@wpmedia/arc-ui-layout'

Usage

caution

Page is intended to be used in combination with a Frame.

interface PageProps

Props	Description
bg (optional)	undefined | string = white Page background color.
sidebar (optional)	ReactElement<SidebarProps> Sidebar to render in correct location on page.

<Frame navConfig={...}>
  <Page bg="gray.200">Body</Page>
</Frame>

Usage with Sidebar

<Frame navConfig={...}>
  <Page
    sidebar={
      <Sidebar>Sidebar</Sidebar>
    }
  >
    Body w/ Sidebar
  </Page>
</Frame>