0.3.61 • Published 4 days ago

@synerise/ds-grid v0.3.61

Weekly downloads
75
License
ISC
Repository
github
Last release
4 days ago

id: grid

title: Grid

Grid UI Component

Installation

npm i @synerise/ds-grid
or
yarn add @synerise/ds-grid

Usage

import Grid from '@synerise/ds-grid'
 
<Grid>
    <Grid.Item xxl={12} xl={8} lg={6} md={4} sm={4} xs={3}>
        <Card>...</Card>
    </Grid>
    <Grid.Item xxl={12} xl={8} lg={6} md={4} sm={4} xs={3}>
        <Card>...</Card>
    </Grid>
    <Grid.Item xxl={12} xl={8} lg={6} md={4} sm={4} xs={3}>
        <Card>...</Card>
    </Grid>
</Grid>

Demo

API

Grid

PropertyDescriptionTypeDefault
gutterSpacing between grids (px)number24

Grid.Item

PropertyDescriptionTypeDefault
xxlscreen > 1600, number of cells to occupy, 0 corresponds to display: none, max value: 24number-
xlscreen > 1280, number of cells to occupy, 0 corresponds to display: none, max value: 16number-
lgscreen > 960, number of cells to occupy, 0 corresponds to display: none, max value: 12number-
mdscreen > 768, number of cells to occupy, 0 corresponds to display: none, max value: 8number-
smscreen > 320, number of cells to occupy, 0 corresponds to display: none, max value: 8number-
xsscreen <= 320, number of cells to occupy, 0 corresponds to display: none, max value: 3number-
contentWrapperGroup content with max size (defined in col size props) and center them horizontallyboolean-
@synerise/ds-utils
@infinitebrahmanuniverse/nolb-_syn@everything-registry/sub-chunk-889@zalastax/nolb-_syn
0.3.61

4 days ago

0.3.60

10 days ago

0.3.59

12 days ago

0.3.58

1 month ago

0.3.57

2 months ago

0.3.56

2 months ago

0.3.55

2 months ago

0.3.54

3 months ago

0.3.53

3 months ago

0.3.52

3 months ago

0.3.51

4 months ago

0.3.50

5 months ago

0.3.49

5 months ago

0.3.39

9 months ago

0.3.38

10 months ago

0.3.37

10 months ago

0.3.42

9 months ago

0.3.41

9 months ago

0.3.40

9 months ago

0.3.48

7 months ago

0.3.47

7 months ago

0.3.46

7 months ago

0.3.45

7 months ago

0.3.44

8 months ago

0.3.43

8 months ago

0.3.36

11 months ago

0.3.31

1 year ago

0.3.30

1 year ago

0.3.35

1 year ago

0.3.34

1 year ago

0.3.33

1 year ago

0.3.32

1 year ago

0.3.29

1 year ago

0.3.28

1 year ago

0.3.27

1 year ago

0.3.26

2 years ago

0.3.25

2 years ago

0.3.20

2 years ago

0.3.24

2 years ago

0.3.23

2 years ago

0.3.22

2 years ago

0.3.21

2 years ago

0.3.19

2 years ago

0.3.18

2 years ago

0.3.17

2 years ago

0.3.14

2 years ago

0.3.13

2 years ago

0.3.12

2 years ago

0.3.11

2 years ago

0.3.9

2 years ago

0.3.10

2 years ago

0.3.6

2 years ago

0.3.8

2 years ago

0.3.7

2 years ago

0.3.0

3 years ago

0.3.5

2 years ago

0.3.2

3 years ago

0.3.1

3 years ago

0.3.4

2 years ago

0.3.3

2 years ago

0.2.43

3 years ago

0.2.42

3 years ago

0.2.41

3 years ago

0.2.40

3 years ago

0.2.39

3 years ago

0.2.38

3 years ago

0.2.37

3 years ago

0.2.36

3 years ago

0.2.35

3 years ago

0.2.34

3 years ago

0.2.33

3 years ago

0.2.30

3 years ago

0.2.27

3 years ago

0.2.26

3 years ago

0.2.28

3 years ago

0.2.25

3 years ago

0.2.24

3 years ago

0.2.23

3 years ago

0.2.22

3 years ago

0.2.21

3 years ago

0.2.20

3 years ago

0.2.19

3 years ago

0.2.18

3 years ago

0.2.17

3 years ago

0.2.16

3 years ago

0.2.15

3 years ago

0.2.14

3 years ago

0.2.13

3 years ago

0.2.12

3 years ago

0.2.11

3 years ago

0.2.10

3 years ago

0.2.9

3 years ago

0.2.8

3 years ago

0.2.7

4 years ago

0.2.6

4 years ago

0.2.5

4 years ago

0.2.4

4 years ago

0.2.3

4 years ago

0.2.2

4 years ago

0.2.0

4 years ago

0.1.1

4 years ago

0.1.0

4 years ago

0.0.1

4 years ago