@commercetools-uikit/spacings-inset

An inset spacing component provides a consistent padding to the inner component.

Usage no npm install needed!

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

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

import SpacingsInset from '@commercetools-uikit/spacings-inset';

<SpacingsInset scale="m">{/* Container with padding 🎉  */}</SpacingsInset>;

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

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

<Spacings.Inset scale="m">{/* Container with padding 🎉  */}</Spacings.Inset>;

Props	Type	Required	Values	Default
`scale`	`String`	-	`['xs', 's', 'm', 'l', 'xl']`	`x`
`children`	`PropTypes.node`	-	-	-