mgs-modal v1.9.6

react-mgs-modal

react modal componenet ready to be customized

Prerequisites

• npm
• react >=18.2.0
• styled-components >=5.3.6

Installation

In you terminal enter :

npm i mgs-modal\
yarn add mgs-modal

How to use it

// import REACT
import React from 'react';
// import MODAL COMPONENT
import { Modal, useModal } from 'mgs-modal';
//-----------------------------------------------
function App() {
    const { 
        isShowing: showModal, 
        toggle: toggleModal
    } = useModal();

    // call function on OnClick of the button to display modal
    const saveOnClick = (e) => { 
        e.preventDefault();
        toggleModal()
    };

    return (
        <div>
            <button className="button" onClick={saveOnClick }> Save </button>

            <Modal
                isShowing={showModal}
                hide={toggleModal}
                text="Employee Created!"
                title="HRnet - Create Employee" 
            />
        </div>
    );
}

export default App;

Custom

Props