Skip to content

modal 1.3.1

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

About this version

windmillui 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.3.1.tgz

Download activity

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

Recent versions

View all