# PageWrapper

**Category:** Base Components/Pages/Custom/PageWrapper

## Design

### Description

`PageWrapper` is designed to wrap `` from `@wix/design-system`.

It provides the following capabilities children components:

- Scrollable container reference
- A slot to render side panels
- A slot to render overlay components


```tsx
import { PageWrapper } from '@wix/patterns';
```

---

### Developer examples

### Basic usage

```tsx
import { PageWrapper } from '@wix/patterns';
import { Page } from '@wix/design-system';
import React from 'react';

function BasicPage() {
  return (
    <PageWrapper>
      <Page>
        <Page.Header title="Page Title" />
        <Page.Content>Page Content</Page.Content>
      </Page>
    </PageWrapper>
  );
}
```

## API

### Required Providers

[WixPatternsProvider](./?path=/story/base-components-providers--wixpatternsprovider)

