Pages

The Pages component is used as a container for Page components within an App.

See the `Page` docs for a short description.

Examples for both components can be found here.

Using the Pages and Page components

The Page component has a property called url. This is the route associated with the Page's contents. You can provide a link to this route to display a particular Page. Currently, all navigation is done on the clientside. No page is fetched from the server, thus the application operates as a Single Page Application (opens in a new tab).

<App>
  <NavPanel>
    <NavLink label="Home" to="/" icon="home"/>
    <NavLink label="Account" to="/account" icon="user"/>
  </NavPanel>
  <Pages>
    <Page url="/">
      <Text>Hello App!</Text>
    </Page>
    <Page url="/account">
      <Text>This is the account page.</Text>
    </Page>
  </Pages>
</App>

Properties

defaultRoute

The default route when displaying the app

<App>
  <NavPanel>
    <NavLink label="Not Home" to="/not-home" icon="trash"/>
    <NavLink label="Home" to="/home" icon="home"/>
  </NavPanel>
  <Pages defaultRoute="/home">
    <Page url="/not-home">
      <Text>This is not home...</Text>
    </Page>
    <Page url="/home">
      <Text>Hello App!</Text>
    </Page>
  </Pages>
</App>

Events

This component does not have any events.

Exposed Methods

This component does not expose any methods.

Styling

This component does not have any styles.