2.3.0 • Published 3 years ago
@wbe/react-grid-layout v2.3.0
@wbe/react-grid-layout
This component allow to display a simple fixed grid layout on front of your react app.
Installation
$ npm install -s @wbe/react-grid-layout
How to use
import { GridLayout } from "@wbe/react-grid-layout";
export const App = () => {
return (
<div>
<GridLayout />
</div>
);
};
Props
GridLayout component contains default props, you can overwrite as you need:
props | type | description | default value |
---|---|---|---|
columnsNumber | number | Number of columns | 12 |
gutterSize | number/string | Size of gutter between columns (px as default unit) | 20 |
maxSize | number/string/null | Set a max width on the container (px as default unit) | null |
center | boolean | Center the grid in viewport | true |
orientation | EOrientation | Choose grid orientation | EOrientation.VERTICAL |
color | string | Set custom column Grid | rgba(255, 0, 0, 0.14) |
example:
<GridLayout columnsNumber={6} gutterSize={10} />
Tips
If you need to display a simple Grid Line Layout without gutter, set gutterSize
props to 0
.
2.3.0
3 years ago
2.2.0-alpha.0
3 years ago
2.1.0
3 years ago
2.0.0
3 years ago
2.0.0-alpha.14
3 years ago
2.0.0-alpha.11
3 years ago
2.0.0-alpha.10
3 years ago
2.0.0-alpha.7
3 years ago
2.0.0-alpha.6
3 years ago
2.0.0-alpha.3
3 years ago
2.0.0-alpha.2
3 years ago
1.6.0
3 years ago
1.5.0
3 years ago
1.4.2
4 years ago
1.4.2-alpha.0
4 years ago
1.4.1
4 years ago
1.4.0-alpha.0
4 years ago
1.4.0
4 years ago
1.3.1-alpha.1
4 years ago
1.3.0
4 years ago
1.2.0
4 years ago
1.1.0-alpha.0
4 years ago
1.0.1-alpha.0
4 years ago
1.0.0-alpha.0
4 years ago
0.0.30
4 years ago
0.0.29
4 years ago
0.0.28
4 years ago
0.0.27
4 years ago
0.0.26
4 years ago
0.0.24
4 years ago
0.0.25
4 years ago
0.0.22
4 years ago
0.0.23
4 years ago
0.0.21
4 years ago
0.0.20
4 years ago
0.0.19
4 years ago
0.0.18
4 years ago
0.0.17
4 years ago
0.0.16
4 years ago
0.0.14
4 years ago
0.0.13
4 years ago