@commercetools-uikit/spacings-stack

A stack spacing component renders its children vertically with a consistent spacing between them.

Usage no npm install needed!

<script type="module">
  import commercetoolsUikitSpacingsStack from 'https://cdn.skypack.dev/@commercetools-uikit/spacings-stack';
</script>

If you want to learn more about the spacing components take a look at this article.

import SpacingsStack from '@commercetools-uikit/spacings-stack';

<SpacingsStack scale="m">
  <Card />
  <Card />
  <Card />
</SpacingsStack>;

Stack spacing can be imported and used via spacings preset as well.

import Spacings from '@commercetools-frontend/spacings';

<Spacings.Stack scale="m">
  <Card />
  <Card />
  <Card />
</Spacings.Stack>;

Props	Type	Required	Values	Default
`scale`	`String`	-	`['xs', 's', 'm', 'l', 'xl']`	`s`
`alignItems`	`oneOf`	-	`['stretch', 'flex-start', 'flex-end', 'center']`	`stretch`
`children`	`PropTypes.node`	-	-	-