Skip to content

modal 1.4.3

Install from the command line:
Learn more about npm packages
$ npm install @jeremiemeunier/modal@1.4.3
Install via package.json:
"@jeremiemeunier/modal": "1.4.3"

About this version

@jeremiemeunier/modal

Bibliothèque React pour gérer des modales complexes. Le composant Modal expose plusieurs sous‑composants permettant de créer des menus ou des boîtes de dialogue.

Installation

Installez le paquet via npm :

npm install @jeremiemeunier/modal

ou avec yarn :

yarn add @jeremiemeunier/modal

Construction

Si vous clonez ce dépôt et souhaitez générer la version distribuable, lancez :

npm run build

La commande s’appuie sur tsup pour compiler les fichiers TypeScript dans le dossier dist.

Utilisation

Importez le composant dans votre projet React :

import { Modal } from "@jeremiemeunier/modal";

Le composant principal possède plusieurs sous‑composants :

  • Modal.Background
  • Modal.Body
  • Modal.Close
  • Modal.Header
  • Modal.MenuLeft
  • Modal.MenuRight
  • Modal.ModalCenter
  • Modal.Navigation (avec Modal.Navigation.Item)
  • Modal.Pages

Exemple minimal d’intégration :

const [visible, setVisible] = useState(false);

<Modal>
  <Modal.Background setVisibility={setVisible} />
  <Modal.ModalCenter size="medium">
    <Modal.Header>Exemple</Modal.Header>
    <Modal.Close setVisibility={setVisible} />
    <Modal.Body>Contenu de la modale</Modal.Body>
  </Modal.ModalCenter>
</Modal>;

Assurez‑vous d’avoir installé les dépendances listées dans package.json (React, ReactDOM, framer-motion, simplebar-react, etc.).

Details

Assets

  • modal-1.4.3.tgz

Download activity

  • Total downloads 1
  • Last 30 days 0
  • Last week 0
  • Today 0

Recent versions

View all