modal-snm07-p14

Modal window plugin for OC Project 14

A simple react modal (conversion of the jquery modal)

Npm library link

1. Installation
2. Examples of use
3. Default option

Installation

You can install modal-snm07-p14 with npm:
npm i modal-snm07-p14

For import modal-snm07-p14:
import {Modal} from "modal-snm07-p14"

Example of use

js

const [showModal, setShowModal] = useState(false);

const closeModal = () => setShowModal(!showModal);



    showModal={showModal}

    closeModal={closeModal}

    modalTitle="MyTitle"

    modalBody="MyModalText"

/>





Default option



$3

js

Modal.propTypes = {

  showModal: PropTypes.bool,

  closeModal: PropTypes.bool,

  modalTitle: PropTypes.string,

  modalBody: PropTypes.string,

};

$3

js

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"