@bedrock-layout/column-drop

Layout helper that creates column-drop of items

Full docs at: bedrock-layout.dev

When to Use

Used to create a column-drop layouts

How to install

npm install @bedrock-layout/column-drop

Usage

import ColumnDrop from "@bedrock-layout/column-drop";

<ColumnDrop stretch={1} gutter="size3" justify="start" align="start">
  <span>Lorem ipsum dolor</span>
  <span>sit amet consectetur</span>
  <span>adipisicing elit.</span>
</ColumnDrop>;

data-attribute

For purposes of styling you can select data-br-column-drop.

API

* required

Property	Description	Type	Default
gutter*	sets space inbetween each element	one of spacing**	-
stretch	child or children that will stretch to fill available space	One of: all, start, end, index of the child	-
justify	Inline alignment	One of: start, end, center	start
align	Block alignment	One of: start, end, center	start
switchAt	The width that the container will switch to stacking	One of: CSS length, number	-

** By default, spacings are one of the spacing-constants, but can be overridden using the ThemeProvider from @bedrock-layout/spacing-constants