pbn-react-ui-library

A modern React UI component library with a focus on simplicity and usability.

Installation

npm install @pbn/react-ui-library

Usage

First, import the component you want to use:

import { Button } from 'pbn-react-ui-library';

// Primary Button
<Button
  label="Primary Button"
  variant="primary"
  onClick={() => console.log('Clicked!')}
/>

// Secondary Button
<Button
  label="Secondary Button"
  variant="secondary"
  onClick={() => console.log('Clicked!')}
/>

Components

Button

A versatile button component with different variants and cursor styling.

Props

Prop	Type	Default	Description
label	string	required	The text to display on the button
variant	'primary' | 'secondary'	'primary'	The style variant of the button
onClick	function	undefined	Click handler for the button

Styling Features

• Hover effect with opacity change
• Cursor changes to pointer on hover
• Smooth transitions
• Responsive padding and font size
• No outline on focus for clean appearance

Development

To run this project locally:

## Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

## License

MIT © [PBN]