Linear Progress Bar Components

A reusable component library built with React and TypeScript.

Installation

npm install @linearprogressbar/components

Usage

import { Button, LinearProgressBar } from '@linearprogressbar/components';

function App() {
  return (
    <>
      <Button label="Click me" onClick={() => {}} />
      <LinearProgressBar value={50} max={100} />
    </>
  );
}

Structure

Components are organized in the src/components/ directory. Each component should be in its own folder with:

src/
├── components/
│   ├── Button/
│   │   ├── Button.tsx
│   │   ├── Button.css
│   │   └── index.ts
│   ├── LinearProgressBar/
│   │   ├── LinearProgressBar.tsx
│   │   ├── LinearProgressBar.css
│   │   └── index.ts
│   └── ...
└── index.ts

Adding a New Component

1. Create a new folder in src/components/
2. Create your component file (e.g., MyComponent.tsx)
3. Create an index.ts that exports the component
4. Add the export to the main src/index.ts

Publishing

npm run build
npm publish

License

MIT