Packing UI

A reusable React component library built with TypeScript and bundled using Rollup, providing modular UI components and hooks for seamless integration in your projects.

Features

• Modular React components including Button, Card, and Form Inputs.
• Fully typed with TypeScript for improved type safety and developer experience.
• Custom useCounter hook offering easy increment/decrement state management.
• Efficient bundling with Rollup for optimal package size and performance.
• Published on npm for easy installation and usage.
• Maintained with proper versioning and comprehensive documentation on GitHub.

Installation

npm install packing-ui



yarn add packing-ui



import { Button, useCounter } from 'packing-ui';

function Example() {
  const { count, increment, decrement } = useCounter(0);

  return (


      <>
         <p>Count: {count}</p>
         <Button onClick={increment}>Increment</Button>
         <Button onClick={decrement}>Decrement</Button>

      </>

  );
}