Modal_HRnet
Composant modal
Composant minimaliste d'une modal pour React.
Prérequis
- Un éditeur de texte comme VsCode
- Node.js > v.16
- Git
Installation de la modal
npm install modal_hrnet
yarn install modal_hrnet
Modal
-
message* : Le message que vous devez afficher -
closeModal* : Donne l'ordre de fermer la modal -
bcgModal* : Donne la couleur de fond de la modal -
close* : Donne la couleur et la forme du bouton de fermeture de la modal -
p* : Donne la couleur et la taille du message de la modal
Exemple
import React, { useState } from "react";
import { Modal } from "modal_hrnet";
function ButtonCreateEmployee() {
const [modal, setModal] = useState(false);
return (
<div>
<button
type="submit"
className="openModal"
onClick={() => {
setModal(true);
}}
>
Save
</button>
{modal && (
<Modal message={"employee created"} closeModal={setModal} />
)}
</div>
);
}
export ButtonCreateEmployee;