1.0.1 • Published 6 years ago

react-simple-layouts v1.0.1

Weekly downloads
1
License
MIT
Repository
github
Last release
6 years ago

react-simple-layouts

create simple layouts using containers and grids

NPM JavaScript Style Guide

Install

npm install --save react-simple-layouts

Usage

import * as React from "react";
import { Container, Grid } from "react-simple-layouts";

export const Example = () => (
    <Container
      bgColor="black"
      textColor="white"
      top="55px"
      bottom="35px"
      initialSides="10%"
    >
      <Grid columns="3" gap="20px" rows="1">
        { Your code here}
      </Grid>
    </Container>
  );

Prop Defaults

Container

  • bgColor = "#fff",
  • textColor = "#000",
  • top = "1.2rem",
  • bottom = "1.2rem",
  • initialSides = "5%",

Grid

  • rows = "1",
  • gap = "10px",

License

MIT © paulolramos

1.0.1

6 years ago

1.0.0

6 years ago