***

title: "PageLayout"
generated: true
---------------

## PageLayout

<GenerationInfo sourceFile="packages/dashboard/src/lib/framework/layout-engine/page-layout.tsx" sourceLine="228" packageName="@vendure/dashboard" since="3.3.0" />

*

This component governs the layout of the contents of a [Page](/current/core/reference/dashboard/page-layout/page#page) component.
It should contain all the [PageBlock](/current/core/reference/dashboard/page-layout/page-block#pageblock) components that are to be displayed on the page.

```ts title="Signature"
function PageLayout(props: Readonly<PageLayoutProps>): void
```

Parameters

### props

\<MemberInfo kind="parameter" type={`Readonly<<a href='/current/core/reference/dashboard/page-layout/#pagelayoutprops'>PageLayoutProps</a>>`} />

## PageLayoutProps

<GenerationInfo sourceFile="packages/dashboard/src/lib/framework/layout-engine/page-layout.tsx" sourceLine="190" packageName="@vendure/dashboard" since="3.3.0" />

**Status: Developer Preview**

```ts title="Signature"
type PageLayoutProps = {
    children: React.ReactNode;
    className?: string;
}
```

<div className="members-wrapper">

### children

\<MemberInfo kind="property" type={`React.ReactNode`}   />

### className

\<MemberInfo kind="property" type={`string`}   />

</div>