Modale-Plugin est un plugin React très simple permettant de créer un composant de fenêtre modale. Vous pouvez customiser le titre de la modale, le corps et la fonction callback de fermeture.
Ce projet est réalisé dans le cadre d'une formation OpenClassroom. Le but du projet est de remplacer une library jQuery par un plugin React.
Lien Github : https://github.com/FloMoit/modale-plugin
NPM:
npm i @fmoitrier/modale-plugin
This project uses @fortawesome/react-fontawesome dependencies
To install the dependencies, run the following command:
ModalTitle : Le titre affiché dans le header de la fenêtre modale. onClose : Fonction callback de fermeture de la fenêtre modale.
import { ModaleHRnet } from "modale-plugin";
import { useState } from "react";
function App() {
const [openModal, setOpenModal] = useState(false);
return;
{
openModal && (
<ModalePlugin onClose={setOpenModal} textModal={"ModalTitle"}>
<NavLink className="LinkOfModal" to={"LinkTo"}>
Click here to view the user list
</NavLink>
</ModalePlugin>
);
}
}
L'icone de fermeture (x) dans le coin superieur droit permet de fermer la fenêtre.