3.4.2 • Published 11 months ago

@bedrock-layout/inline-cluster v3.4.2

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

@bedrock-layout/inline-cluster

InlineCluster is a layout helper component that displays items in a row.

Full docs at: bedrock-layout.dev

When to Use

The InclineCluster component can be used to create inline-cluster layouts where items are displayed in a single row. If the number of items is too large, then they are displayed in a cluster with respect to the container's width and the cluster's justification (start, end, or center).

How to install

npm install @bedrock-layout/inline-cluster

or

yarn add @bedrock-layout/inline-cluster

Usage

import { InlineCluster } from '@bedrock-layout/inline-cluster';

<InlineCLuster gutter='size3' justify='start' align='start'>
  <span>Lorem ipsum dolor</span>
  <span>sit amet consectetur</span>
  <span>adipisicing elit.</span>
</InlineCLuster>;

data-attribute

For styling purposes, you can select data-bedrock-inline-cluster.

API

* required

PropertyDescriptionTypeDefault
gutter*Sets the space between each child elementone of Spacing**-
justifySets the inline justification of the childrenOne of: start, end, centerstart
alignSets the block alignment of the childrenOne of: start, end, centerstart

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

inline-clusterlayoutreact
@bedrock-layout/spacing-constants@bedrock-layout/type-utils
@everything-registry/sub-chunk-117@bedrock-layout/primitives@infinitebrahmanuniverse/nolb-_bed
3.4.2

11 months ago

3.4.1

1 year ago

3.4.0

1 year ago

3.3.0

1 year ago

3.2.9

1 year ago

3.2.8

1 year ago

3.2.10

1 year ago

3.2.7

2 years ago

3.2.6

2 years ago

3.2.5

2 years ago

3.2.2

2 years ago

3.2.1

2 years ago

3.2.0

2 years ago

3.2.4

2 years ago

3.2.3

2 years ago

3.1.7

2 years ago

3.1.6

2 years ago

3.1.5

2 years ago

3.1.3

3 years ago

3.1.2

3 years ago

3.1.1

3 years ago

3.1.4

2 years ago

3.0.4

3 years ago

3.0.3

3 years ago

3.0.2

3 years ago

3.0.1

3 years ago

3.0.0

3 years ago

2.7.2

3 years ago

3.1.0

3 years ago

2.7.1

3 years ago

2.7.0

3 years ago

2.6.5

3 years ago

2.6.4

3 years ago

2.6.1

3 years ago

2.6.3

3 years ago

2.6.2

3 years ago

2.6.0

3 years ago

2.5.0

3 years ago

2.4.3

4 years ago

2.4.5

3 years ago

2.4.4

3 years ago

2.4.7

3 years ago

2.4.6

3 years ago

2.4.8

3 years ago

2.2.0

4 years ago

2.4.1

4 years ago

2.4.0

4 years ago

2.4.2

4 years ago

2.3.0

4 years ago

2.3.2

4 years ago

2.3.1

4 years ago

2.1.0

4 years ago

2.0.20

4 years ago

2.0.19

4 years ago

2.0.18

4 years ago

2.0.17

4 years ago

2.0.16

4 years ago

2.0.15

4 years ago

2.0.14

4 years ago

2.0.13

4 years ago

2.0.11

4 years ago

2.0.12

4 years ago

2.0.10

4 years ago

2.0.7

4 years ago

2.0.8

4 years ago

2.0.3

4 years ago

2.0.5

4 years ago

2.0.4

4 years ago

2.0.6

4 years ago

2.0.2

4 years ago

2.0.1

4 years ago

2.0.0

4 years ago

1.3.11

4 years ago

1.3.10

4 years ago

1.3.9

4 years ago

1.3.8

4 years ago

1.3.7

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.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.6

5 years ago

1.1.5

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.11

5 years ago

1.0.10

5 years ago

1.0.9

5 years ago