Skip to content

The AMP layout system ported to React.js as a couple of easy to use components.

License

Notifications You must be signed in to change notification settings

nerdlabs/react-amp-layout

Repository files navigation

react-amp-layout

The AMP layout system ported to React.js as a couple of easy to use functional stateless components.

Installation

npm install --save react-amp-layout

Usage

Either require the default exported component Layout:

import Layout from 'react-amp-layout';

or import the specific layout component you're interested in:

import {FixedHeight} from 'react-amp-layout';

Example

You can check out a live example and play around with the React.js or browser devtools here.
It takes a few seconds to load (transpilation is done in the browser) but after that it should run fine.

<3

The idea for this component is heavily inspired by the work of the awesome people working on the AMP Project who have figured out the layout system and documented it.

About

The AMP layout system ported to React.js as a couple of easy to use components.

Resources

License

Stars

Watchers

Forks

Packages

No packages published