library-modal-ocr-snrtn

Bibliothèque de Modales pour React - library-modal

library-modal est une bibliothèque de composants modaux pour les applications React. Elle est conçue pour être rapide, légère et entièrement personnalisable.

Installation

Pour installer avec npm :

npm install library-modal

Utilisation

Pour utiliser le composant modal de library-modal, importez-le et gérez son état comme suit :

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

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

  const openModal = () => setIsOpen(true);
  const closeModal = () => setIsOpen(false);

  return (
    <>
      <button onClick={openModal}>Ouvrir la modale</button>
      <Modal isOpen={isOpen} onClose={closeModal}>
        <p>Employé créé !</p>
      </Modal>
    </>
  );
};

export default App;

Documentation API

Props

Le composant Modal accepte les props suivantes : isOpen (booléen) : Contrôle la visibilité de la modale. La modale s'affiche lorsque cette valeur est true. onClose (fonction) : Fonction de rappel exécutée lorsque l'utilisateur clique sur le bouton de fermeture (X).

Personnalisation des styles

Bien que le composant Modal inclue un style par défaut, vous pouvez le personnaliser à l'aide de CSS pour l'adapter à votre application.

Contribuer

Cette bibliothèque est open source et les contributions sont les bienvenues. Si vous rencontrez des problèmes ou si vous avez des suggestions d'amélioration, veuillez les signaler dans le suivi des problèmes de GitHub.

Licence

library-modal est distribué sous la licence MIT.