modestmodals v1.0.3

🧐 À propos

ModestModal est une bibliothèque simple qui fournit un composant modal pour vos projets React. Elle est développée par Winters.

🛠 Technologies

Prérequis

• 
• 
• VSCode

🚀 Installation et utilisation

Via npm

1. Installez ModestModal :

npm i modestmodals

2. Dans votre projet, importez et utilisez le composant :

import Modal from 'modestmodals';

Pour démarrer votre projet :

npm start

Via git

Clonez le dépôt de ModestModal :

git clone https://github.com/Winters67/ModestModal

Props du composant Modal

• isOpen (requis)

  • Type : Boolean
  • Description : Détermine si la modal est visible.

• onClose (requis)

  • Type : Function
  • Description : Fonction exécutée pour fermer la modal.

• title

  • Type : String
  • Par défaut : "Title"
  • Description : Titre de la modal.

• message

  • Type : String
  • Par défaut : "Message"
  • Description : Message principal de la modal.

• logo

  • Type : String (URL)
  • Description : Logo à afficher.

📖 Exemple d'utilisation

import Modal from 'modestmodals';

function App() {
  const [modalOpen, setModalOpen] = useState(false);
  return (
    <div>
      <button onClick={() => setModalOpen(true)}>Open Modal</button>
      <Modal
        isOpen={modalOpen}
        onClose={() => setModalOpen(false)}
        title="Modal Example"
        message="This is a simple modal example with React."
        logo="path_to_logo_image.png"
      />
    </div>
  );
}

✍️ Auteur

@Winters