React-Modal

Ceci est un composant React pour intégrer une Modal dans son projet.

Pour l'installer

npm i @elducchedev/react-modal

Pré-requis

Cette modal est basé sur la librairie TailwindCSS. React 18 ou ultérieur nécessaire.

Pour l'utiliser dans votre projet :

import { Modal } from "@elducchedev/react-modal";

Props du composant

interface ModalProps {
  state: boolean;
  children: React.ReactNode;
  className?: string;
}

• state : boolean pour savoir s'il doit être {display: none} ou {display : block}
• children : Le tsx qui va s'écrire entre les balises
• className : Permet d'ajouter des styles supplémentaires dans le container qui va s'afficher au centre de l'écran. Ce champ est optionnel

L'utilisation complète du composant se fais tel quel :

<Modal state={true | false} className="some class name"> {children} </Modal>