React UI Components Library

A modern React component library with Storybook documentation.

Installation

npm install @yourusername/react-ui-components

Usage

import { Button } from '@yourusername/react-ui-components';

function App() {
  return (
    <Button variant="primary">
      Click me
    </Button>
  );
}

Development

1. Clone the repository
2. Install dependencies: npm install
3. Start Storybook: npm run storybook
4. Build the library: npm run build

Publishing to NPM

1. Create an NPM account if you don't have one
2. Login to NPM:

   npm login

3. Update the package name in package.json to your desired scoped name (e.g., @yourusername/react-ui-components)
4. Update the version number in package.json
5. Build the library:

   npm run build

6. Publish to NPM:

   npm publish --access public

Using in Another Project

1. Install the package:

   npm install @yourusername/react-ui-components

2. Import and use components:

   import { Button } from '@yourusername/react-ui-components';
      
   function App() {
     return (
       <Button variant="primary">
         Click me
       </Button>
     );
   }

Available Components

• Button
  • Variants: default, destructive, outline, secondary, ghost, link
  • Sizes: default, sm, lg, icon

More components coming soon!