StackTech React UI Library

A modern React UI library built with TypeScript and SASS.

Installation

npm install stacktech-library-react

Usage

import { Button } from 'stacktech-library-react';

function App() {
  return (
    <Button 
      variant="primary" 
      size="medium" 
      onClick={() => console.log('Button clicked!')}
    >
      Click me
    </Button>
  );
}

Components

Button

A versatile button component with multiple variants and sizes.

Props

| Prop | Type | Default | Description | |------|------|---------|-------------| | children | ReactNode | required | Button contents | | onClick | () => void | undefined | Click handler | | variant | 'primary' | 'secondary' | 'outline' | 'primary' | Button style variant | | size | 'small' | 'medium' | 'large' | 'medium' | Button size | | disabled | boolean | false | Disabled state |

Example

<Button 
  variant="primary"
  size="large"
  onClick={() => console.log('Clicked!')}
  disabled={false}
>
  Click me
</Button>

Development

1. Clone the repository
2. Install dependencies:

   npm install

3. Start development server:

   npm run dev

4. Build the library:

   npm run build

License

MIT