2.3.0 • Published 4 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
4 years ago
2.2.0-alpha.0
4 years ago
2.1.0
4 years ago
2.0.0
4 years ago
2.0.0-alpha.14
4 years ago
2.0.0-alpha.11
4 years ago
2.0.0-alpha.10
4 years ago
2.0.0-alpha.7
4 years ago
2.0.0-alpha.6
4 years ago
2.0.0-alpha.3
4 years ago
2.0.0-alpha.2
4 years ago
1.6.0
4 years ago
1.5.0
4 years ago
1.4.2
5 years ago
1.4.2-alpha.0
5 years ago
1.4.1
5 years ago
1.4.0-alpha.0
5 years ago
1.4.0
5 years ago
1.3.1-alpha.1
5 years ago
1.3.0
5 years ago
1.2.0
5 years ago
1.1.0-alpha.0
5 years ago
1.0.1-alpha.0
5 years ago
1.0.0-alpha.0
5 years ago
0.0.30
5 years ago
0.0.29
5 years ago
0.0.28
5 years ago
0.0.27
5 years ago
0.0.26
5 years ago
0.0.24
5 years ago
0.0.25
5 years ago
0.0.22
5 years ago
0.0.23
5 years ago
0.0.21
5 years ago
0.0.20
5 years ago
0.0.19
5 years ago
0.0.18
5 years ago
0.0.17
5 years ago
0.0.16
5 years ago
0.0.14
5 years ago
0.0.13
5 years ago