1.0.1 ā€¢ Published 7 months ago

fullscreenreact-modal v1.0.1

Weekly downloads
-
License
-
Repository
github
Last release
7 months ago

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](https://github.com/Belin27000)

## Show your support

Give a ā­ļø if this project helped you!

## šŸ“ License

Copyright Ā© 2023 [Yann LECERF](https://github.com/Belin27000).<br />
This project is [MIT](https://github.com/Belin27000/fullscreen-react-modal/blob/master/LICENSE) licensed.

***
_This README was generated with ā¤ļø by [readme-md-generator](https://github.com/kefranabg/readme-md-generator)_