2.0.0 • Published 4 years ago
simple-mui-grid v2.0.0
Simple Material UI Grid
Wraps Material UI's Grid component for easier structuring and readability.
Installing
Install this package by npm
or yarn
:
npm install simple-mui-grid
or
yarn add simple-mui-grid
Usage
Check the example below:
import React from "react";
import { Container, Row, Column } from "simple-mui-grid";
function MyComponent(props) {
return (
<Container>
<Row justify="flex-start">
<Column xs={3}>Column 3</Column>
<Column xs={6}>Column 6</Column>
</Row>
<Row justify="center">
<Column xs={9}>Column 9</Column>
<Column xs={3}>Column 3</Column>
</Row>
<Row justify="flex-end">
<Column xs={12}>Column 12</Column>
</Row>
</Container>
);
}
Also refer to Material UI's Grid API
Authors
- Alexandre Carneiro - Github Profile
Contributing
Feel free to add ideas or fix by submitting an issue and/or a pull request.
License
Read License.md
file.