@4i/modal-manager 1.0.10 → 1.0.102

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@4i/modal-manager",
-  "version": "1.0.10",
+  "version": "1.0.102",
   "description": "",
   "main": "src/index.ts",
   "scripts": {

package/readme.md

@@ -15,6 +15,16 @@ npm install @4i/modal-manager
 
 ## Usage
 
+#### Instance methods:
+
+##### .call(action, props)
+
+Call a modal by its action name and pass props to it.
+
+##### .close()
+
+Close all modals.
+
 #### Define Modal Actions:
 
 In your project, define modal actions as keys in the modalAction object. Each key represents a specific modal or UI element.
@@ -53,8 +63,6 @@ modal.call(modalAction.MODAL_PROMPT, {
 
 If desired, you can inherit from the Manager class to create your own classes for handling custom notifications, popups, and more. And then pass your custom class to the CustomProvider component using ModalProvider as an example
 
-````javascript
-
 ```javascript
 import { Manager } from "@4i/modal-manager";
 
@@ -63,7 +71,7 @@ class CustomManager extends Manager {
 }
 
 const customManager = new CustomManager();
-````
+```
 
 ### index.js
 
@@ -133,14 +141,19 @@ export default App;
 
 ```javascript
 import React from "react";
+import { modal } from "@4i/modal-manager";
 
 // Get props
 const ModalPrompts = ({ title, content }) => {
+  const handleClose = () => {
+    modal.close();
+  };
+
   return (
     <div className="w-[400px] h-[300px] bg-slate-50 p-[24px] flex flex-col justify-center items-center">
       <h1>{title}</h1>
       <p>{content}</p>
-      <button>Close</button>
+      <button onClick={handleClose}>Close</button>
     </div>
   );
 };