1.0.2 • Published 9 months ago
@teambit/base-ui.layout.grid-component v1.0.2
Grid Component
Basic grid element for 1-12 columns. Accepts all props of native html div element.
import { grid } from '@bit/bit.base-ui.layout.grid-component';
//...
<Grid col={2}>
<div>column 1</div>
<div>column 2</div>
</Grid>;
It has built in responsive support, using it's colX
props:
//single column by default, 2 columns for large screens:
<Grid col={1} colL={2}>
<div>column 1</div>
<div>column 2</div>
</Grid>
breakpoints:
- col
(all)
- colXs
360px
- colSm
480px
- colMd
768px
- colL
920px
- colLg
1080px
- colXl
1440px
1.0.2
9 months ago
1.0.1
3 years ago
1.0.0
3 years ago
0.6.11
3 years ago
0.6.9
3 years ago
0.6.10
3 years ago
0.6.8
3 years ago
0.6.7
3 years ago
0.6.6
3 years ago
0.6.5
3 years ago
0.6.3
3 years ago
0.6.2
3 years ago
0.6.0
3 years ago
0.5.9
3 years ago
0.5.8
3 years ago
0.5.7
3 years ago
0.5.5
3 years ago
0.5.4
3 years ago
0.5.3
3 years ago
0.5.2
4 years ago
0.5.0
4 years ago
0.5.1
4 years ago
0.4.3
4 years ago
0.4.2
4 years ago
0.4.1
4 years ago
0.4.0
4 years ago
0.2.10
4 years ago
0.2.9
4 years ago
0.1.5
4 years ago
0.1.1
4 years ago
0.0.1
4 years ago
0.0.8
4 years ago
0.0.7
4 years ago
0.0.4
4 years ago