Ce composant React crée une modale simple qui affiche un message prédéfini lorsqu'un employé est créé. La modal se ferme lorsque vous cliquez à l'extérieur de la zone de contenu ou sur une icône de fermeture.

Vous pouvez également modifier la largeur, la hauteur et le contenu du texte de la div contenant la partie texte.

Version de la modale : 1.0.20

Prérequis Assurez-vous d'avoir installé Node.js v20.12.1 ou posterieur et npm sur votre machine.

git clone https://github.com/damodred53/modale_module.git

Installez les dépendances npm :

npm install

Pensez bien aussi à installer React

ligne de commande : npm i modal_florent_guyard

Une fois installé, vous pourrez retrouver le module dans votre dossier node_modules.

Vous pouvez ensuite importer le module directement dans votre code à la page nécessaire via un import classique.

Afin de modifier l'interface de la modale, celle-ci prévoit des props afin de modifier le contenu du texte la largeur et la hauteur. Les props sont nommés : textContent, width et height.

Vous pouvez vous baser sur la capture d'écran ci-dessus pour comprendre le fonctionnement des props.

Affiche un message prédéfini lorsqu'un employé est créé. Ferme la modal lorsque vous cliquez à l'extérieur de la zone de contenu ou sur une icône de fermeture. Structure des fichiers

Le composant utilise des styles CSS pour styliser la modal. Les styles sont définis dans le fichier Modal.css.