Tokens
Importable design tokens generated from the NTDS Tailwind preset.
STATUS: This component is in development.
- The prop-interface can change drastically for each update
- Semantic Versioning will not be honored (only patch-updates to the package)
- Consult the design team for usage
- As always: Your feedback is welcomed!
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>
);
}