react-custom-modal-library v1.0.2

Button Popup Modal

A simple and customizable modal popup for your React applications. This modal allows you to display popups with dynamic content and action buttons such as "Cancel" and "Book".

Installation

Install the package using npm:

npm i react-custom-modal-library

Usage

Once the package is installed, you can integrate the modal into your React project as follows:

1. Import and Use the Modal Component in React

Example:

import React from "react";
import Modal from "react-custom-modal-library";

const App = () => {
  return (
    <div>
      <h1>React Modal Example</h1>
      <Modal data={{ DoctorName: "Roy", available: "Yes" }} button1="Cancel" button2="Book" />
    </div>
  );
};

export default App;

Customization

• Data Object: Pass an object as the modal's content, such as { DoctorName: "Roy", available: "Yes" }. This will display the doctor's name and availability in the modal.
• Button Text: The button1 and button2 props define the button texts. In the example above, the modal will display "Cancel" and "Book".

Example Output

The modal will display:

Doctor Name: Roy
Availability: Yes
[Cancel] [Book]

Development

To contribute or modify this package:

1. Clone this repository to your local machine.
2. Run npm install to install the dependencies.
3. Make the desired changes to the modal functionality.
4. Test the modal in your local project.
5. Submit a pull request with your improvements.

License

This project is licensed under the MIT License.