@govuk-react/layout

Component intended to surround grid layouts but now no longer used/required.

Stats

stars 🌟issues ⚠️updated 🛠created 🐣size 🏋️‍♀️
@govuk-react/layout
Minified + gzip package size for @govuk-react/layout in KB

Readme

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

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.