@govuk-react/layout

0.8.0 • Public • Published

Layout

Import

  import Layout from '@govuk-react/layout';

THIS COMPONENT IS NO LONGER REQUIRED TO ACHIEVE LAYOUT;

  1. GridCol contains the required gutters, we do not need to provide additional gutter to build an accurate grid layout.

  2. GridRow contains the required display: flex; and associated properties for GridCol.

  3. Main contains the required properties to center a container that matches up with TopNav and house the remaining body of content for the page.

If you feel you may still need a Layout component, please do raise a ticket on Github

Usage

This component provides default padding. You can use this component to wrap Grid components however it is not required.

Simple usage

import GridRow from '@govuk-react/grid-row';
import GridCol from '@govuk-react/grid-col';

<Layout>
  <GridRow>
    <GridCol>
      ...
    </GridCol>
  </GridRow>
</Layout>

References:

Properties

Prop Required Default Type Description
children true `````` node GridRow and GridCol children nodes

Dependents (1)

Package Sidebar

Install

npm i @govuk-react/layout

Weekly Downloads

253

Version

0.8.0

License

MIT

Unpacked Size

19 kB

Total Files

13

Last publish

Collaborators

  • loque-
  • steve_sims
  • petelockey
  • penx
  • marksy