Nefariously Programmed Mecha

    @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

    Keywords

    none

    Install

    npm i @govuk-react/layout

    DownloadsWeekly Downloads

    512

    Version

    0.8.0

    License

    MIT

    Unpacked Size

    19 kB

    Total Files

    13

    Last publish

    Collaborators

    • loque-
    • steve_sims
    • petelockey
    • penx
    • marksy