4.4.2 • Published 11 months ago

@bedrock-layout/grid v4.4.2

Weekly downloads
3
License
MIT
Repository
github
Last release
11 months ago

@bedrock-layout/grid

Grid is a layout helper that creates a responsive grid of items.

Full docs at: bedrock-layout.dev

When to Use

Grid can be used to create a responsive grid layouts that can automatically wrap depending on the number of child elements and a minItemWidth value.

How to install

npm install @bedrock-layout/grid

or

yarn add @bedrock-layout/grid

Usage

import { Grid } from '@bedrock-layout/grid';

<Grid minItemWidth={300}>
  <div>1</div>
  <div>2</div>
  <div>3</div>
  <div>4</div>
  <div>5</div>
  <div>6</div>
</Grid>;

data-attribute

For styling purposes, you can select data-bedrock-grid.

API

* required

PropertyDescriptionTypeDefault
gutter*sets the space between each child elementOne of Spacing**-
minItemWidthsets the min width size of each child elementnumber or valid CSS length as a stringsmall (639px)

** By default, Spacing is one of spacing-constants values, but this can be overwritten using the ThemeProvider from @bedrock-layout/spacing-constants

gridlayoutreact
@bedrock-layout/spacing-constants@bedrock-layout/type-utils
@everything-registry/sub-chunk-117@bedrock-layout/masonry-grid@bedrock-layout/primitives@infinitebrahmanuniverse/nolb-_bed
4.4.1

1 year ago

4.4.2

11 months ago

4.4.0

1 year ago

4.3.0

1 year ago

4.2.9

1 year ago

4.2.8

1 year ago

4.2.10

1 year ago

4.2.7

2 years ago

4.2.6

2 years ago

4.2.5

2 years ago

4.1.7

2 years ago

4.2.3

2 years ago

4.2.2

2 years ago

4.2.4

2 years ago

4.2.1

2 years ago

4.2.0

2 years ago

4.1.6

2 years ago

4.1.5

2 years ago

4.1.4

2 years ago

4.1.3

3 years ago

4.1.2

3 years ago

4.1.1

3 years ago

4.0.4

3 years ago

4.0.1

3 years ago

4.0.0

3 years ago

4.0.3

3 years ago

4.0.2

3 years ago

3.1.2

3 years ago

4.1.0

3 years ago

3.1.1

3 years ago

3.1.0

3 years ago

2.4.4

3 years ago

3.0.2

3 years ago

3.0.1

3 years ago

3.0.0

3 years ago

2.4.1

3 years ago

2.4.3

3 years ago

2.4.2

3 years ago

2.4.0

3 years ago

2.2.5

4 years ago

2.2.6

3 years ago

2.3.0

3 years ago

2.3.2

3 years ago

2.3.1

3 years ago

2.2.1

4 years ago

2.2.0

4 years ago

2.2.3

4 years ago

2.2.2

4 years ago

2.2.4

4 years ago

2.1.7

4 years ago

2.1.6

4 years ago

2.1.4

4 years ago

2.1.5

4 years ago

2.1.3

4 years ago

2.1.2

4 years ago

2.1.1

4 years ago

2.1.0

4 years ago

2.0.11

4 years ago

2.0.12

4 years ago

2.0.10

4 years ago

2.0.8

4 years ago

2.0.3

4 years ago

2.0.2

4 years ago

2.0.5

4 years ago

2.0.4

4 years ago

2.0.7

4 years ago

2.0.6

4 years ago

2.0.1

4 years ago

2.0.0

4 years ago

1.3.6

4 years ago

1.3.5

4 years ago

1.3.4

4 years ago

1.3.3

4 years ago

1.3.2

4 years ago

1.3.1

4 years ago

1.2.4

4 years ago

1.3.0

4 years ago

1.2.3

5 years ago

1.2.2

5 years ago

1.2.1

5 years ago

1.2.0

5 years ago

1.1.4

5 years ago

1.1.3

5 years ago

1.1.2

5 years ago

1.1.1

5 years ago

1.1.0

5 years ago

1.0.8

5 years ago

1.0.7

5 years ago

1.0.6

5 years ago

1.0.5

5 years ago

1.0.4

5 years ago

1.0.3

5 years ago

1.0.2

5 years ago

1.0.1

5 years ago

1.0.0

5 years ago