@volue/design-elevation
Elevation primitives/tokens to be used across Volue's products
![Screenshot](https://user-images.githubusercontent.com/927591/137099704-5e84b6e0-d936-4c1e-ae99-30425fe8df58.png)
Installation
npm install @volue/design-elevation --save
yarn add @volue/design-elevation
Usage
JavaScript
In JavaScript, design token names are formatted in lower camelCase.
const tokens = require('@volue/design-elevation');
console.log(tokens.elevationM);
In JSON, design token names are formatted in SNAKE_CASE.
const tokens = require('@volue/design-elevation/dist/index.json');
console.log(tokens['ELEVATION_M']);
Sass
Sass variables and map keys are formatted in kebab-case.
@import '~@volue/design-elevation/dist/index';
div {
box-shadow: $elevation-m;
}