2.3.0 • Published 3 years ago

@wbe/react-grid-layout v2.3.0

Weekly downloads
268
License
MIT
Repository
github
Last release
3 years ago

@wbe/react-grid-layout

This component allow to display a simple fixed grid layout on front of your react app.

npm.io npm.io npm.io npm.io npm.io

screen

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:

propstypedescriptiondefault value
columnsNumbernumberNumber of columns12
gutterSizenumber/stringSize of gutter between columns (px as default unit)20
maxSizenumber/string/nullSet a max width on the container (px as default unit)null
centerbooleanCenter the grid in viewporttrue
orientationEOrientationChoose grid orientationEOrientation.VERTICAL
colorstringSet custom column Gridrgba(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