@bedrock-layout/stack NPM | npm.io

3.3.2 • Published 4 months ago

Install

Weekly downloads

15

License

MIT

Repository

Last release

4 months ago

`@bedrock-layout/stack`

A layout helper component that creates a vertical stack layout with gutters (spacing) between each item.

Full docs at: bedrock-layout.dev

When to Use

The Stack component literally stacks its child components on top of each other, while maintaining a consistent spacing between them.

How to install

npm install @bedrock-layout/stack

or

yarn add @bedrock-layout/stack

Usage

import { Stack } from '@bedrock-layout/stack';

<Stack gutter='size3'>
  <div>1</div>
  <div>2</div>
  <div>3</div>
  <div>4</div>
  <div>5</div>
  <div>6</div>
</Stack>;

data-attribute

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

API

* required

Property	Description	Type	Default
gutter*	Sets the space between each child component	one of `Spacing`**	-

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

stack layout react

@bedrock-layout/spacing-constants @bedrock-layout/type-utils

@everything-registry/sub-chunk-117 @bedrock-layout/primitives @bedrock-layout/switcher @infinitebrahmanuniverse/nolb-_bed

7 months ago

4 months ago

9 months ago

10 months ago

10 months ago

10 months ago

10 months ago

11 months ago

11 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago