A simple flex grid system based on columns for React
npm install relayout
Because no one should be writing a single line of flex or width anymore.
``sh`
npm install relayout --save
Relayout consists of three Components:
- Relayout
- RelayoutItem
- RelayoutWrapper
jsx
import React, { Component } from 'react';
import { Relayout, RelayoutItem, RelayoutWrapper } from 'relayout';export default class App extends Component {
render() {
return (
Hello World
);
}
}
`$3
You can import directly on your CSS if you are using postcss-import.
scss
@import "relayout";
`#### Using with cssnext or SCSS
Alternatively you can use either cssnext or SCSS and allows you to customise breakpoints, gutters and other bits of Relayout.
API and Example
You can have either have a look at the Components API and also see a simple example on how to use Relayout. Test
npm test