1.0.0 • Published 7 years ago
react-grid-flex v1.0.0
react-grid-flex
Easy way to use flex in react.
How to use
import { Row, Col } from 'react-grid-flex';
<div>
<h1>Empty</h1>
<Row>
<Col width="auto" />
<Col width={100} />
</Row>
</div>
<div>
<h1>Normal Row</h1>
<Row>
<Col />
<Col />
</Row>
</div>
<div>
<h1>Fixed width</h1>
<Row>
<Col width="auto" />
<Col width={100} />
</Row>
</div>
<div>
<h1>Grid</h1>
<Row>
<Col width="33.33333%" />
<Col width="33.33333%" />
<Col width="33.33333%" />
</Row>
</div>
<div>
<h1>Align</h1>
<Row>
<Col width="auto" />
<Col width={100} x="right" y="center" />
</Row>
</div>
<div>
<h1>Middle</h1>
<Row x="center" y="center" />
</div>
1.0.0
7 years ago