fullscreenreact-modal

1.0.1 • Public • Published

Welcome to fullscreenreact-modal 👋

Version Documentation Maintenance License: MIT

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

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

Package Sidebar

Install

npm i fullscreenreact-modal

Weekly Downloads

7

Version

1.0.1

License

none

Unpacked Size

5.67 kB

Total Files

4

Last publish

Collaborators

  • belin