pa-react-modal v1.0.22

Installation

npm i pa-react-modal

Example

import MyModal from 'pa-react-modal';
import { useState } from 'react';

const AppModal = () => {
  const [isOpen, setIsOpen] = useState(false);

/**
 * Modal component that displays content in a modal dialog.
 * 
 * You can add as many as children you want to and edit css as you please in your application
 * 
 * @component
 *
 * @param {boolean} isOpen - Determines whether the modal is open or closed.
 * @param {Function} onClose - Function to close the modal when called.
 * @param {ReactNode} children - The content to be displayed within the modal.
 * @returns {ReactElement|null} - The modal component or null if it is closed.
 */
  return (
    <div>
      <button onClick={() => setIsOpen(true)}>Open Modal</button>
      <Modal isOpen={isOpen} onClose={() => setIsOpen(false)}>
        <h1>My Modal Content</h1>
        <p>Vous pouvez cliquer sur la croix</p>
      </Modal>
    </div>
  );
};

export default AppModal;