modal_hrnet v0.2.1

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;