1.0.3 • Published 10 months ago
woengus_modal v1.0.3
Modal Component
Le composant Modal est une superposition modale réutilisable pour afficher un message avec un bouton de fermeture.
Installation
Pour installer le composant Modal, vous pouvez utiliser npm ou yarn :
npm install woengus_modal
yarn add woengus_modal
Utilisation
Importez le composant Modal dans votre application :
import React, { useState } from 'react';
import Modal from 'woengus_modal';
const App = () => {
const [modalOpen, setModalOpen] = useState(false);
const toggleModal = () => {
setModalOpen(!modalOpen);
};
return (
<div>
<button onClick={toggleModal}>Ouvrir le Modal</button>
<Modal
message="Ceci est un message dans le Modal"
open={modalOpen}
toggleModal={toggleModal}
/>
</div>
);
};
export default App;
Dans cet exemple, le composant Modal est utilisé dans un composant App. L'état modalOpen est géré à l'aide du hook useState, et la fonction toggleModal est utilisée pour ouvrir ou fermer le Modal.
Le composant Modal prend trois props :
message : Le message à afficher dans le Modal.
open : Un booléen indiquant si le Modal est ouvert ou fermé.
toggleModal : Une fonction qui inverse l'état open du Modal.
Personnalisation du style
Le style du Modal peut être personnalisé en modifiant les classes CSS dans le composant Modal. Vous pouvez ajouter des styles supplémentaires ou modifier les styles existants selon vos besoins.
Licence
Ce composant est sous licence MIT. Veuillez consulter le fichier LICENSE pour plus d'informations.
Dans ce README, vous pouvez remplacer `woengus_modal/modal` par le nom réel de votre package sur NPM. Assurez-vous également d'inclure le fichier LICENSE avec les informations appropriées concernant la licence que vous avez choisie pour votre composant.
N'oubliez pas d'adapter le README en fonction de vos besoins spécifiques et d'ajouter d'autres informations ou exemples pertinents si nécessaire.