Welcome to fullscreenreact-modal

fullScreen react modal which can be configured with the text you want and picture

How to use it

1-Install

npm i fullscreenreact-modal

2-Import FullScreenModal (you can name it as you want)

• import FullScreenModal from 'fullscreenreact-modal'

3-Use it (you can name it as you want)

Mandatory:

• you have to pass boolean value to: isActive={showModal}
• handleCloseModal is the function which close the modal you can use your own code

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

  return(
   ... your code ... 
  <FullScreenModal isActive={showModal} text="whatever you want" imgPath='image path or can be empty' onClose={handleCloseModal} />
  ),

Author

Yann LECERF

• Website: https://conseilsandtechs.com/
• Github: @Belin27000

Show your support

Give a ️ if this project helped you!

License

Copyright 2023 Yann LECERF.
This project is MIT licensed.

---

This README was generated with by readme-md-generator