@matchain/matchid-sdk-react 0.1.56-alpha.2 → 0.1.56-alpha.3

package/dist/ui.mjs

@@ -16,7 +16,7 @@ import {
   Skeleton_default,
   Switch,
   Tabs
-} from "./chunk-NIGHV7RT.mjs";
+} from "./chunk-KDVKIXOS.mjs";
 import "./chunk-JX73EY6V.mjs";
 import "./chunk-UA6XHZHX.mjs";
 import "./chunk-IZOOVZAD.mjs";

package/example/src/pages/UI/components/Modal.tsx

@@ -0,0 +1,38 @@
+import {useModal} from "@matchain/matchid-sdk-react/hooks";
+import {Input, Button} from "@matchain/matchid-sdk-react/ui";
+import ButtonGroup from "@/components/ButtonGroup";
+import {useState} from "react";
+
+export default function ModalDemo(){
+    const modal = useModal()
+    const openModal = ()=>{
+        modal.open({
+            title:"Modal Title",
+            content:({close})=>{
+                const [value,setValue] = useState("")
+
+                const addModal = ()=>{
+                    modal.open({
+                        title:"Modal 2",
+                        content:({close})=>{
+                            return <div>
+                                <p>{value}</p>
+                                <Button onClick={close}>Close</Button>
+                            </div>
+                        }
+                    })
+                }
+
+                return <div>
+                    <Input  value={value} onChange={(e)=>setValue(e.target.value)}/>
+
+                    <Button onClick={addModal}>Add Modal</Button>
+
+                </div>
+            }
+        })
+    }
+    return<ButtonGroup title={"Modal"}>
+        <Button onClick={openModal}>Open Modal</Button>
+    </ButtonGroup>
+}

package/example/src/pages/UI/index.tsx

@@ -2,6 +2,7 @@ import SwitchDemo from "@/pages/UI/components/Switch";
 import AlphaAvatarDemo from "@/pages/UI/components/AlphaAvatar";
 import RadioDemo from "@/pages/UI/components/Radio";
 import TabsDemo from "@/pages/UI/components/Tabs";
+import ModalDemo from "@/pages/UI/components/Modal";
 
 export default function UI(){
     return <div>
@@ -9,5 +10,6 @@ export default function UI(){
         <AlphaAvatarDemo/>
         <RadioDemo/>
         <TabsDemo/>
+        <ModalDemo/>
     </div>
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@matchain/matchid-sdk-react",
-  "version": "0.1.56-alpha.2",
+  "version": "0.1.56-alpha.3",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {