princey

Overview

princey is a collection of reusable UI components for React and Next.js, designed to help developers quickly build beautiful and responsive user interfaces.

Installation

To install the princey package, you can use npm or yarn:

npm install princey

or

yarn add princey

Usage

Here's a simple example of how to use a button component from princey:

Components

ButtonOnChangeColor

A button component that changes color when hovered and clicked.

Props:

• borderRadius (string): The border radius of the button (default: "3px").
• width (string): The width of the button (default: "150px").
• height (string): The height of the button (default: "50px").
• children (ReactNode): The content of the button.
• onClick (function): The function to call when the button is clicked.

Advanced Example

You can also customize the button with additional styles and properties:

Contributing

Contributions are welcome! Please open an issue or submit a pull request for any improvements or features you would like to see.

Steps to Contribute

1. Fork the repository
2. Clone your fork
3. Create a new branch for your feature or bugfix
4. Make your changes
5. Commit your changes
6. Push to your fork and submit a pull request

Please make sure to update tests as appropriate.

Running Tests

To run tests, use the following command:

npm test

Author

Prince
[e-mail]
https://elavarasan.me

License

This project is licensed under the MIT License. See the LICENSE file for details.

Contact

If you have any questions or feedback, feel free to reach out to me at [e-mail].

---

GitHub Repository