0.1.8 • Published 5 months ago
modal-sp v0.1.8
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
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}
/>
);
}