unify-token
v2.4.2
Published
Design Tokens for the Unify Design System
Downloads
10,111
Keywords
Readme
Unify Token
Unify Token are collection of design token that can be used on web projects.
The tokens are consist of:
- Color
- Typography
- Spacing
- Grid
- Motion
Installation
On your project folder,
npm install unify-token
Or for yarn
yarn add unify-token
Basic Usage
Regular Tokens
import { N0, N700 } from 'unify-token/build/v2/colors';
const youComponentStyle = {
backgroundColor: ${N0},
color: ${N700},
/* Some additional styling */
}
Available tokens
- unify-token/build/v2/colors
- unify-token/build/v2/typographies
- unify-token/build/v2/spacings
- unify-token/build/v2/grids
- unify-token/build/v2/motions
Nest Tokens
import { NN950, NN0 } from 'unify-token/color';
const yourComponentStyle = {
backgroundColor: ${NN0},
color: ${NN950},
/* Some additional styling */
}
Curently only color token that available with this import path format
Issues
If you find any issue or concern please mention us @unify-dev on Slack.