We've decided to extend the default Grid component from Material-UI.
We've done this so we could add some personal styles to them.
It's the same as <Grid container> component from Material-UI but with some extra styling, to make flow better with our components.
// instead of importing the container from material-ui
import Grid from 'material-ui/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}>It's the same as <Grid item> component from Material-UI but with some extra styling, to make flow better with our components.
// instead of importing the item from material-ui
import Grid from 'material-ui/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>