React Components Library

A collection of reusable React components for building modern web applications. This library provides a set of well-documented, customizable components to help you quickly build your UI.

Installation

Install the library using npm:

npm install react-components-library

Usage

Import the components you need and start using them in your React application:

import { Button, Card, Modal } from 'react-components-library';

const App = () => (
  <div>
    <Card title="Welcome">
      <p>This is a reusable card component.</p>
      <Button onClick={() => alert('Button clicked!')}>Click Me</Button>
    </Card>
    <Modal isOpen={true} onClose={() => console.log('Modal closed')}>
      <p>This is a modal dialog.</p>
    </Modal>
  </div>
);

export default App;

Components

Button

A customizable button component.

Props:

• onClick: Function to handle click events.
• children: Button label or content.

Card

A flexible card component for displaying content.

Props:

• title: The title of the card.
• children: The content of the card.

Modal

A modal dialog component.

Props:

• isOpen: Boolean to control modal visibility.
• onClose: Function to handle modal close event.

Contributing

Contributions are welcome! Please open an issue or submit a pull request to suggest improvements or add new features.

License

This project is licensed under the MIT License.