Components

React components from UI Library (@kottster/react)

<Page />

The <Page /> component acts as a wrapper for every page in your application, ensuring a consistent layout and style. It's essential for maintaining uniformity across your app's interface.

Usage

In your application, every page located in app/routes should be wrapped with the <Page /> component.

Example:

app/routes/<id>.jsx
import { Page } from '@kottster/react';

export default () => {
  return (
    <Page title='Page title'>
      Page content
    </Page>
  );
};

Last updated