A simple react modal (conversion of the jquery modal)
You can install modal-snm07-p14 with npm:
npm i modal-snm07-p14
For import modal-snm07-p14:
import {Modal} from "modal-snm07-p14"
const [showModal, setShowModal] = useState(false);
const closeModal = () => setShowModal(!showModal);
<Modal
showModal={showModal}
closeModal={closeModal}
modalTitle="MyTitle"
modalBody="MyModalText"
/>
Modal.propTypes = {
showModal: PropTypes.bool,
closeModal: PropTypes.bool,
modalTitle: PropTypes.string,
modalBody: PropTypes.string,
};
ModalContainer | className="modalContainer"
ModalBackground | className="modalBackground"
ModalBody | className="modalBody"
ModalTitleContainer | className="modalTitleContainer"
ModalTitle | className="modalTitle"
ModalCloseX | className="modalCloseX"
ModalContent | className="modalContent"
ModalTextContainer | className="modalTextContainer"
ModalText | className="modalText"
ModalButtonContainer | className="modalButtonContainer"
ModalButton | className="modalButton"