# Copy fever-components folder to your project root
cp -r fever-components /path/to/your/project/

# Required dependencies
npm install class-variance-authority clsx lucide-react

# If using TypeScript (recommended)
npm install -D @types/react @types/react-dom typescript

// In your main App.tsx or layout file (REQUIRED)
import './fever-components/src/styles/base.css';

// Import any components you need
import { Button, Input, Modal, Card } from './fever-components/src';

// Or import everything
import * as Fever from './fever-components/src';

Test your installation:

import './fever-components/src/styles/base.css';
import { Button } from './fever-components/src';

function TestComponent() {
  return (
    <Button variant="primary" onClick={() => alert('It works!')}>
      Test Fever Components
    </Button>
  );
}

• Ensure you imported base.css in your main app file
• Check that the path to fever-components is correct

• Install TypeScript dependencies: npm install -D typescript @types/react @types/react-dom
• Ensure your tsconfig.json includes the fever-components folder

• Verify the import path matches your folder structure
• Check that fever-components/src/index.ts exists

your-project/
├── src/
│   ├── App.tsx              # Import base.css here
│   ├── components/
│   └── ...
├── fever-components/        # The copied library
│   ├── src/
│   ├── docs/
│   └── package.json
├── package.json
└── ...

1. Explore Components: Check out fever-components/docs/README.md
2. See Examples: Review fever-components/docs/API.md
3. Customize: Read fever-components/docs/INTEGRATION.md

That's it! Your Fever Component Library is ready to use. 🔥