react-simple-modal-package v1.0.2

React-simple-modal-package

This modal take all view screen with backdrop dark effect.

Screenshots

Installation

  npm install react-simple-modal-package

or

  yarn add react-simple-modal-package

Usage/Examples

🚨 It is important to put the component at a higher level of you page so the modal takes up all the space.

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

const MyPage = ({ children }) => {
  const [showModal, setShowModal] = useState(false);

  return (
    <div className="container">
      <Modal visible={showModal} setVisible={setShowModal}>
        <p>Here i put whatever i want to display in my modal</p>
      </Modal>
      <p>All my page content</p>
    </div>
  );
};

export default MyPage;

Props