Page
Import
import Page from '@govuk-react/page';Use this template to keep your pages consistent with the rest of GOV.UK.
- https://govuk-react.github.io/govuk-react/?path=/docs/page
- https://design-system.service.gov.uk/styles/page-template/
- https://design-system.service.gov.uk/styles/layout/#page-wrappers
Properties
| Prop | Required | Default | Type | Description |
|---|---|---|---|---|
beforeChildren |
undefined |
ReactNode | Content that needs to appear outside the main page wrapper (see main).For example: A back link component, breadcrumbs, phase banner component |
|
children |
undefined |
ReactNode | Page contents | |
container |
Page.WidthContainer |
ElementType | Override the default page container component.beforeChildren and children (wrapped in main) will be placed inside this component. |
|
footer |
undefined |
ReactNode | Override the default page footer component. | |
header |
<TopNav /> |
ReactNode | Override the default page header component. | |
id |
content |
string | ID for page content | |
main |
Page.Main |
ElementType | Override the default wrapper component for main page content |