ModalBox
Used to trigger a modal.
Props:
isOpen
Description: Define if ModalBox should be open or closed. Type: Boolean. Required.
onRequestClose
Description: Function invoked on modal requests close. Type: Function. Required.
children
Description: React elements to display. Type: ReactNode.
showAnimation
Description: Define if the ModalBox should open with an animation. Type: Boolean. Default: true.
modalClassName
Description: Modal container ClassName. Type: String.
overlayClassName
Description: Modal overlay ClassName. Type: String.
Code
const [modal, setModal] = useState(true) function closeModal() { setModal(false) } function openModal() { setModal(true) } <ModalBoxComponent isOpen={modal} onRequestClose={closeModal} overlayClassName='react-modal-overlay' modalClassName='active-modal' showAnimation > <p>Your Content</p> </ModalBoxComponent>