@studiokad/kad-react-modal-component v1.0.1

React Modal Component

React Modal Component est une bibliothèque légère et simple pour intégrer des modales personnalisées dans vos projets React. Ce composant est entièrement configurable et facile à utiliser.

🔥 Fonctionnalités 💡 Simple à intégrer. 🎨 Personnalisable via des props ou des styles CSS. 🖱️ Gestion facile des événements d'ouverture et de fermeture. ♿ Accessible (support du clavier et ARIA-ready).

🚀 Installation

Installez le package via npm ou yarn :

npm install @studiokad/kad-react-modal-component

ou

yarn add @studiokad/kad-react-modal-component

🧪 Tests

npm test

🎨 Props

Exemple de base

Voici un exemple simple pour utiliser votre composant de modale :

import React, { useState } from "react";
import Modal from "react-modal-component";

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

  const toggleModal = () => {
    setIsOpen(!isOpen);
  };

  return (
    <div>
      <button onClick={toggleModal}>Open Modal</button>
      <Modal isOpen={isOpen} onClose={toggleModal}>
        <h2>Hello, World!</h2>
        <p>This is a customizable modal component.</p>
        <button onClick={toggleModal}>Close</button>
      </Modal>
    </div>
  );
};

export default App;

📦 Développement

Si vous souhaitez contribuer ou modifier le package, clonez ce dépôt :

git clone https://github.com/studiokad/kad-react-modal-component.git

📄 Licence

Ce projet est sous licence MIT.

📧 Support

Si vous avez des questions ou des suggestions, n'hésitez pas à ouvrir une issue ou à me contacter via Support.