Simple template of the modal window for ReactJS

           

Built With

• Framework
  

• Languages
  

• Main language
  

• Others
  
  

• IDE
  
  VSCode

Work description

The modal window opens when you click on the corresponding button. Scrolling of the page is blocked when the window is opened. The window closes when you click on the close button (cross in the upper right corner), or when you click on the page area around the modal window.

Come here to watch an example on your Web Browser

Running on your local machine

To get a local copy up and running follow these simple steps.

• Git

sudo apt-get install git

1. Clone this repository on local machine:

git clone https://github.com/dobkir/reactjs-modal-template.git

2. Install Node Package Manager on the directory with the cloning repository

npm install

3. Run this template on your local machine

npm start

or

yarn start

License

Distributed under the MIT License. See LICENSE for more information.

Contact

Project Link: https://github.com/dobkir/reactjs-modal-template

Acknowledgments

• ICONS8
• Img Shields
• Choose an Open Source License
• GitHub Pages
• ReactJS
• BSL (Body scroll lock) The "body-scroll-lock" library is responsible for locking the scroll.
  Link to the BSL package: https://github.com/willmcpo/body-scroll-lock
  Install:

$ yarn add body-scroll-lock

or

$ npm install body-scroll-lock