Pbn-react-ui-library NPM

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]

react components ui pbn

1.0.1

8 months ago

1.0.0

8 months ago