Refactor

primefaces · Nov 6, 2021 · 722aa63 · 722aa63
1 parent b036b6b
commit 722aa63
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 1 deletion.
diff --git a/src/showcase/confirmpopup/ConfirmPopupDemo.js b/src/showcase/confirmpopup/ConfirmPopupDemo.js
@@ -57,7 +57,7 @@ export class ConfirmPopupDemo extends Component {
                     <AppInlineHeader changelogText="confirmPopup">
                         <h1>ConfirmPopup</h1>
                         <p>ConfirmPopup displays a confirmation overlay displayed relatively to its target.</p>
-                    </AppInlineHeader> 
+                    </AppInlineHeader>
                     <AppDemoActions github="confirmpopup/ConfirmPopupDemo.js" />
                 </div>
 

diff --git a/src/showcase/confirmpopup/ConfirmPopupDoc.js b/src/showcase/confirmpopup/ConfirmPopupDoc.js
@@ -310,7 +310,31 @@ const confirm = (event) => {
 <Button onClick={confirm} icon="pi pi-check" label="Confirm"></Button>
 `}
 </CodeHighlight>
+                       <p>The confirmPopup method returns an object incudes <i>hide</i> and <i>show</i> methods. The component can be shown or hidden by using this object at any time.</p>
 
+ <CodeHighlight lang="js">
+{`
+const confirm = (event) => {
+    const myConfirm = confirmPopup({
+        target: event.currentTarget,
+        message: 'Are you sure you want to proceed?',
+        icon: 'pi pi-exclamation-triangle',
+        accept: () => acceptFunc(),
+        reject: () => rejectFunc()
+    });
+
+    setTimeout(() => {
+        myConfirm.hide();
+
+        setTimeout(() => {
+            myConfirm.show();
+        }, 1000);
+    }, 500);
+}
+
+<Button onClick={confirm} icon="pi pi-check" label="Confirm"></Button>
+`}
+</CodeHighlight>
                         <h6>2. &lt;ConfirmPopup&gt; tag</h6>
                         <p>ConfirmPopup is used as a container and visibility is managed with <i>visible</i> property where <i>onHide</i> event is required to update the visibility state.</p>