fullscreenreact-modal
v1.0.1
Published
fullScreen react modal which can be configured with the text you want and picture
Downloads
14
Maintainers
Readme
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