Tokens

Importable design tokens generated from the NTDS Tailwind preset.

Basic usage

import { haitiColor, grayColor, spacing, jubelFontFamily } from '@ntds/tokens';


function MyComponent() {
  return (
    <div style={{
      backgroundColor: haitiColor[300],
      color: grayColor[900],
      padding: spacing[4],
      fontFamily: jubelFontFamily,
    }}>
      Hello, world!
    </div>
  );
}