modal-sp

Plugin Modal with Create React App and npm

Description

modal-sp est un composant qui permet d'afficher une modal de validation en fonction de critères définis dans le projet initial.

Sommaire

• Modal-sp
  • Description
  • Sommaire
  • Prerequis
  • Installation
  • Parametre
  • Utilisation

---

Prerequis

Veuillez vous assurer d'avoir les versions suivantes :

• Node.js (version 18) : commande "node --version"
• REACT (version 18) REACT DOM (version 18)

---

Installation

Tapez la commande suivante dans votre projet pour installer le composant modal-sp :

NPM : npm i modal-sp
ou Yarn : yarn add modal-sp

---

Paramètres

• message : Permet de personnaliser le message affiché de la modal
• parameter : Permet de personnaliser le style CSS de la modal
• modal : Permet de déterminer la valeur de la modal (ouverte ou fermée)
• setModal : Permet de déterminer l'état

---

Utilisation

import React, { useState } from "react";
import Modal from "modal-sp";

export default function Modal() {
const [modal, setModal] = useState(false);
const handleSubmit = (e) => {
setModal(!modal);
};
return (
<form action="#" id="form" onSubmit={handleSubmit}>
</form>
<Modal
      message="Employee Created !"
      parameter={modalParameter}
      modal={modal}
      setModal={setModal}
    />
);
}