@impact-x/space
v0.4.6
Published
Spacing for products using _Impact X_ design system.
Downloads
58
Readme
@impact-x/space
Spacing for products using Impact X design system.
Installation
To install @impact-x/space in your project, run the following command:
npm install -S @impact-x/space
If you prefer Yarn, use the following command instead:
yarn add @impact-x/space
Usage
All space variables follow the naming convention: $ix-space-{size}
.
Sass
In Sass, you can import and use all space variables available:
@import '~@impact-x/space';
div {
padding: $ix-space-padding-s;
margin-top: $ix-space-margin-xs;
}
JavaScript
For JavaScript, you can import and use this module:
import { ixSpacePaddingS, ixSpaceMarginXS } from '@impact-x/space';
...
<div style={{
padding: `${ixSpacePaddingS}`,
margin: `${ixSpaceMarginXS}`,
}}
`;
API documentation
https://tw-impact-x.thoughtworks-labs.net/#/Basics/Space