@djx/spacer
A spacer to normalize spaces between elements
Installation
npm install --save @djx/spacerUsage
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