@pattern-lab-ui/tokens
v2.1.3
Published
Tokens for your react project
Downloads
19
Maintainers
Readme
@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.