modal-js-react
v1.1.4
Published
Ce dépôt contient le code source d'une application React qui utilise des composants de modale réutilisables.
Downloads
21
Readme
Nom du Projet
Ce dépôt contient le code source d'une application React qui utilise des composants de modale réutilisables.
Dépendances
- React: ^18.2.0
- React-DOM: ^18.2.0
Installation
npm install modal-js-react
Utilisation
Pour utiliser les composants de modale, vous pouvez importer le contexte et le fournisseur de modale depuis ModalContext.jsx
:
import { ModalContext, ModalProvider } from "./ModalContext.jsx";
Ensuite, vous pouvez envelopper vos composants dans le fournisseur de modale pour rendre les fonctionnalités de modale disponibles dans votre application :
<ModalProvider>
{/* Vos composants */}
</ModalProvider>
Assurez-vous d'avoir les dépendances installées.
Importez les composants nécessaires depuis le projet.
Utilisez les propriétés suivantes pour personnaliser les composants :
modal
: un booléen qui indique si la modal est ouverte ou fermée.title
: ajoute un titre à l'en-tête.contentFooter
: ajoute un enfant au contenu du pied de page.contentModal
: ajoute un enfant au contenu de la modal.
Vous pouvez également utiliser le paramètre
styleModal
pour personnaliser le style des composants. Voici les propriétés disponibles :ContainerModal
: style du conteneur de la modal.ModalStyle
: style de la modal.HeaderModal
: style de l'en-tête de la modal.ButtonIconClose
: style du bouton de fermeture de la modal.BodyModalStyle
: style du corps de la modal.