0.7.1 • Published 5 years ago
@slice-and-dice/govuk-react-page
Licence
MIT
Version
0.7.1
Deps
4
Size
42 kB
Vulns
0
Weekly
0
DeprecatedThis package is deprecated
Page
Import
import Page from '@govuk-react/page';Usage
Simple
import BackLink from '@govuk-react/back-link';
import { H1 } from '@govuk-react/heading';
<Page beforeChildren={<BackLink href="#" />}>
<H1>Page title</H1>
</Page>References
- https://design-system.service.gov.uk/styles/page-template/
- https://design-system.service.gov.uk/styles/layout/#page-wrappers
- https://github.com/alphagov/govuk-frontend/blob/master/src/objects/_main-wrapper.scss
- https://github.com/alphagov/govuk-frontend/blob/master/src/objects/_width-container.scss
Properties
| Prop | Required | Default | Type | Description |
|---|---|---|---|---|
beforeChildren |
undefined |
node | Content that needs to appear outside the main page wrapper (see main).For example: A back link component, breadcrumbs, phase banner component |
|
children |
undefined |
node | Page contents | |
container |
Page.WidthContainer |
func | Override the default page container component.beforeChildren and children (wrapped in main) will be placed inside this component. |
|
footer |
undefined |
node | Override the default page footer component. | |
header |
<TopNav /> |
node | Override the default page header component. | |
id |
'content' |
string | ID for page content | |
main |
Page.Main |
func | Override the default wrapper component for main page content |