Nothing Particularly Magnificent

    @guardian/src-layout
    TypeScript icon, indicating that this package has built-in type declarations

    3.12.1 • Public • Published

    Layout

    📣 For more context and visual guides relating to Layout usage on the Source Design System website

    Install

    $ yarn add @guardian/src-layout

    Container

    Centres the page content and applies a width that corresponds to the grid at the current breakpoint.

    API

    See storybook.

    How to use

    For context and visual guides relating to Container usage see the Source Design System website.

    Stack

    Children will be stacked one on top of the other.

    API

    See storybook.

    How to use

    For context and visual guides relating to Stack usage see the Source Design System website.

    Columns

    Columns will be arranged side by side on a single row, with the specified width.

    Use Columns in conjunction with Container to help the columns align neatly with the Guardian's grids.

    API

    See storybook.

    How to use

    For context and visual guides relating to Columns usage see the Source Design System website.

    Hide

    Hide a component above or below a certain breakpoint

    API

    See storybook.

    How to use

    For context and visual guides relating to Hide usage see the Source Design System website.

    Inline

    API

    See storybook.

    How to use

    For context and visual guides relating to Inline usage see the Source Design System website.

    Tiles

    API

    See storybook.

    How to use

    For context and visual guides relating to Tiles usage see the Source Design System website.

    Keywords

    none

    Install

    npm i @guardian/src-layout

    DownloadsWeekly Downloads

    518

    Version

    3.12.1

    License

    Apache-2.0

    Unpacked Size

    141 kB

    Total Files

    69

    Last publish

    Collaborators

    • unmesh_malvankar
    • zekehg
    • rtyley
    • dlawes
    • ghaberis
    • jsherbert
    • david.furey.gu
    • tonymccraeguardian
    • jlieb10
    • guardian-developers
    • simonadcock-gu
    • maxspencer
    • akash1810
    • reetta
    • ajwl
    • tomrf1
    • mchv
    • itsibitzi
    • justinpinner
    • jranks123
    • nicl
    • philmcmahon
    • tjmw
    • thaliasilver
    • sndrs
    • sam.hession
    • jfsoul
    • 0x101
    • frankie_hammond
    • aoifemcl15
    • ioanna0
    • mxdvl
    • mark.addis
    • rhysmills
    • jamie-lynch
    • amyhughes-gu
    • oliverlloyd
    • jacobwinch
    • dskamiotis
    • marjank
    • annabeddow
    • fweddi
    • michaelclapham_gnm
    • olly.namey.guardian