@pattern-lab-ui/tokens v2.1.3

@pattern-lab-ui/tokens

About

A set of design tokens that serve as the foundation for styling your React applications. Tokens include variables for colors, typography, spacing, and other design elements, allowing for unified and consistent design implementations.

See the Changelog for detailed updates and new features.

Tokens

• Colors
• Font Sizes
• Font Weights
• Font Families
• Line Heights
• Radii
• Space

Installation

Install with npm

npm i @pattern-lab-ui/tokens

How to Use

Exemple:

import { colors } from '@pattern-lab-ui/tokens';

const Container = styled.div`
  background-color: ${colors.gray900};
  color: ${colors.gray100};
`;

Also see: @pattern-lab-ui/react a React Design System.

Components for your project @pattern-lab-ui/react.