@aswaddev/compolib
v1.0.3
Published
This is an example react component library
Downloads
7
Readme
Button Component Library
Welcome to the Button Component Library! This is a simple React component library designed for testing and learning purposes.
Overview
This library offers a reusable Button
component that supports customizable styles. You can pass in various props, including color
, backgroundColor
, and all the default button props available in
React.
Installation
You can install the package using npm:
bash npm install @aswadali/compolib
Or with yarn:
bash yarn add @aswadali/compolib
Usage
Here's a quick example of how to use the Button
component in your React application:
import React from 'react';
import Button from '@aswadali/compolib';
const App = () => {
return (
<div>
<Button color="white" backgroundColor="blue" onClick={() => alert('Button clicked!')}>
Click Me
</Button>
</div>
);
};
export default App;
Props
The Button
component supports the following props:
- color: Sets the text color of the button.
- backgroundColor: Sets the background color of the button.
- ...props: Accepts all default button props from React, such as
onClick
,disabled
,type
, etc.
Example
<Button color="white" backgroundColor="green" onClick={() => console.log('Green Button clicked!')}>
Green Button
</Button>
Contributing
Feel free to contribute to this library! Whether it's reporting a bug, suggesting improvements, or submitting a pull request, your contributions are welcome.
- Fork the repository.
- Create a new branch for your feature or bug fix.
- Commit your changes.
- Push to your branch.
- Create a pull request.
License
This project is licensed under the MIT License. See the LICENSE file for more information.
Acknowledgments
This library was created for learning and testing purposes. Thanks to the open-source community for their support and contributions.
Happy coding! 🎉
If you have any questions or need further assistance, please feel free to reach out.