design-system-react-demo v0.0.1

Design System

A modern React component library with design tokens and UI components.

Installation

npm install @yourusername/design-system

Usage

1. Wrap your app with the ThemeProvider:

import { ThemeProvider } from '@yourusername/design-system';

function App() {
  return (
    <ThemeProvider>
      {/* Your app content */}
    </ThemeProvider>
  );
}

2. Import and use components:

import { Button, Input } from '@yourusername/design-system';

function MyComponent() {
  return (
    <div>
      <Input placeholder="Enter text..." />
      <Button>Click me</Button>
    </div>
  );
}

3. Import design tokens:

import { colors, typography, spacing } from '@yourusername/design-system';

Documentation

For full documentation, visit your-documentation-url.

License

MIT