React modal AML

Librairie contenant un modal simple sans style fournis, utilisation simple pour afficher des messages a l'utilisateur

Pour commencer

Entrez ici les instructions pour bien débuter avec votre projet...

Pré-requis

Un projet react ayant besoin d'un modal simple

Installation

Executez la commande npm install react-modal-aml depuis le fichier root de votre projet.

Once installed you can import the component in your own react files:

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

function App() {
  const [isOpen, setIsOpen] = useState(false);

  return (
    <div>
      <button onClick={() => setIsOpen(true)}>Open Modal</button>

      <Modal
        isOpen={isOpen}
        onClose={() => setIsOpen(false)}
        text="This is a simple modal"
      />
    </div>
  );
}

export default App;

🧩 Props

| Prop Name | Type | Description | | ------------- | ---------- | ------------------------------------------------------------- | | isOpen | boolean | Controle la visibilite du modal | | onClose | function | Fonction callback appellee lors du click sur le bouton fermer | | text | string | Texte du modal |

Auteurs

Antony Martinez--Lalenec