@taikai/design-tokens v0.0.1-beta.14

Install

npm install @taikai/taikai-design-tokens

Use

Import tokens that you need:

import { 
  ColorBrandPrimary,
  SizeFontBase 
} from '@taikai/taikai-design-tokens/build/web/taikai/tokens';

Use them where you need them:

Inline

<div style={{ color: ColorBrandPrimary }}>awesome div</div>

Styled-Components

const AwesomeComponent = styled.div`
  color: ${ColorBrandPrimary};

CSS

div {
  color: ${ColorBrandPrimary};
}