Grid

We've decided to extend the default Grid component from Mayterial-UI.

We've done this so we could add some personal styles to them.

GridContainer

It's the same as <Grid container> component from Material-UI but with some extra styling, to make the flow better with our components.

Usage

// instead of importing the container from material-ui
import Grid from "@material-ui/core/Grid";

// you would import our component like this
import GridContainer from "components/Grid/GridContainer.js";

// instead of using the container from material-ui
<Grid container {...props}>
  ...
</Grid container {...props}>

// you would use our component like this
<GridContainer {...props}>
  ...
</GridContainer {...props}>

GridItem

It's the same as <Grid item> component from Material-UI but with some extra styling, to make the flow better with our components.

Usage

// instead of importing the item from material-ui
import Grid from "@material-ui/core/Grid";

// you would import our component like this
import GridItem from "components/Grid/GridItem.js";

// instead of using the item from material-ui
<Grid item {...props}>
  ...
</Grid>

// you would use our component like this
<GridItem {...props}>
  ...
</GridItem>