Frame

The Frame provides the main structure to the entire application and helps position the Page, Sidebar and global navigation correctly. To position the global navigation, Frame asyncronously loads the ArcNav component.

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

Import

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

Usage

caution

Since ArcNav is included in Frame, you must pass a valid navigation configuration.

There are no live demos of the layout components since we can't render ArcNav outside of Arc.

<Frame navConfig={...}>
  <Page>Body</Page>
</Frame>

Usage with Sidebar

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