@djx/spacer

A spacer to normalize spaces between elements

Installation

npm install --save @djx/spacer

Usage

Make sure you import the component somewehere in your application first:

import '@djx/spacer';

You can then use it like normal web components in your markup:

<p>Text</p>
<djx-spacer size="xs"></djx-spacer>
<p>Text 2</p>
<djx-spacer size="xs"></djx-spacer>
<djx-spacer size="md"></djx-spacer>

The spacer uses fluid-size to deal with interpolation from min to max

Variables

| Name | Description | Default | | --------- | ------------- | ------- | | DJX_SPACER | Map of spacings from MIN to MAX | See here |

For more variables see here