react-personalized-modal-by-fatma v0.0.5

Getting Started

Ce package vous permet de créer une modale d'une manière simple. Vous pouvez la personnaliser en ajoutant de l'animation et vos propres couleurs.

Les 3 types de modal

Utilisation du composant Modal

//Importer le composant Modal
import  Modal  from  "react-personalized-modal-by-fatma"

//Dans la partie déclaration
const [isOpen,setIsOpen]=useState(false);

//Dans la partie return , les seules props obligatoires sont isOpen et setIsOpen
<Modal  isOpen = {isOpen}  setIsOpen={setIsOpen}
type="ERROR"
icone={true}
titre="Titre"
texte="Texte souhaité!"
animation = {true}  animationFrom={"LEFT"}
/>

//Au clic sur le bouton
<button  onClick={()=>{setIsOpen(true);}}>Ouvrir modal</button>

Les props du composant Modal