Modal React Component

Ce projet a été démarré avec Create React App.

Aperçu du projet

Ce projet inclut un composant Modal en React qui permet d'afficher une fenêtre modale personnalisable. La modale peut être fermée soit en cliquant à l'extérieur, soit en appuyant sur la touche Escape.

Fonctionnalités de la modale

• Ouverture et fermeture facile avec des props.
• Fermeture en appuyant sur la touche Escape ou en cliquant à l'extérieur de la modale.
• Possibilité d'ajouter du contenu dynamique via children.

Exemple d'utilisation

Voici comment utiliser le composant Modal dans l'application :

import React, { useState } from 'react';
import Modal from 'modal-projet14/Modal';

const App = () => {
  const [isModalOpen, setIsModalOpen] = useState(false);

  const handleOpen = () => setIsModalOpen(true);
  const handleClose = () => setIsModalOpen(false);

  return (
    <div>
      <button onClick={handleOpen}>Ouvrir la Modale</button>
      <Modal isOpen={isModalOpen} onClose={handleClose}>
        <p>Contenu de la modale</p>
      </Modal>
    </div>
  );
};

export default App;