README

`@bedrock-layout/column-drop`

Layout helper that creates column-drop of items

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='lg' 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-bedrock-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 styled-components

Usage no npm install needed!