1.1.1 • Published 5 years ago
mui-flex-layout v1.1.1
mui-flex-layout :muscle:
Install
yarn add --dev mui-flex-layout
Description
A simple reuseable solution to using material-ui with flex alignments
Usage
Layout
A full width & height container with flex-direction alignment up to your choosing.
import Layout from 'mui-flex-layout';
...
<Layout color={'#fffff'} flex-direction={'column'}>
<Toolbar />
<Navbar />
<Content />
</Layout>
Row
A flex row container
import { Row } from 'mui-flex-layout';
...
<Row height={} width={}>
<RowItem />
<RowItem />
<RowItem />
</Row>
Column
A flex column container
import { Column } from 'mui-flex-layout';
...
<Column height={} width={}>
<ColumnItem />
<ColumnItem />
<ColumnItem />
</Column>
Padded
A Box with p={1} as a default
import { Padded } from 'mui-flex-layout';
...
<Padded padding={}>
<ItemWithPadding />
</Padded>
<Padded>
<SecondItemWithPadding />
</Padded