UI Library

A reusable UI component library built with React, TypeScript, and Vite.

Installation

npm install ui-library

Usage

import { Button, Input, Card } from 'ui-library';
import 'ui-library/styles';

function App() {
  return (
    <Card elevation="md">
      <Button variant="primary">Click me</Button>
      <Input value={value} onChange={setValue} placeholder="Enter text..." />
    </Card>
  );
}

Components

Button

• variant: "primary" | "secondary"
• disabled: boolean

Input

• value: string
• placeholder: string
• onChange: (value: string) => void

Card

• elevation: "sm" | "md" | "lg"

Development

# Install dependencies
npm install

# Run Storybook
npm run storybook

# Build library
npm run build