0.2.4 • Published 3 years ago
@strn_dev/flexbox-grid-module v0.2.4
@strn_dev/flexbox-grid-module
Installation
NPM
npm install @strn_dev/flexbox-grid-moduleYarn
yarn add @strn_dev/flexbox-grid-moduleUsage
import { Container, Col, Row } from '@strn_dev/flexbox-grid-module';
import '@strn_dev/flexbox-grid-module/dist/index.css';<Container>
<Row>
<Col sm={12} md={6} lg={4}>
...
</Col>
</Row>
</Container>API
Container
| Name | Type | Default | Description |
|---|---|---|---|
| className | string | - | additonal CSS class |
Row
| Name | Type | Default | Description |
|---|---|---|---|
| alignItems | string | - | options: flex-start, center, flex-end |
| justifyContent | string | - | options: flex-start, center, flex-end, space-between, space-around, space-evenly |
| className | string | - | additonal CSS class |
Col
| Name | Type | Default | Description |
|---|---|---|---|
| sm | number | - | column width - <768px |
| md | number | - | column width - >=768px |
| lg | number | - | column width - >=992px |
| className | string | - | additonal CSS class |
License
MIT