react-portal-lib

React Modal Lib

Basic Usage Example

import React, { useState } from "react";
import Modal from "react-modal-lib";

function App() {
  const [showModal, setShowModal] = useState(false);

  const handleSetShowModal = () => {
    setShowModal(!showModal);
  };

  return (
    <div>
      {showModal ? (
        <Modal>
          <h1>Hello World</h1>{" "}
          <button onClick={handleSetShowModal}>Close Modal</button>
        </Modal>
      ) : (
        <React.Fragment>
          <div>
            <h1>Hello World</h1>
            <button onClick={handleSetShowModal}>Open Modal</button>
          </div>
        </React.Fragment>
      )}
    </div>
  );
}

export default App;

react-modal-lib