# Show Confirmation Popup

{% hint style="info" %}
**Block Information**

Available in: Page Flow

Toolbox Category: Action

Block Type: [Regular](https://docs.zingy.ai/app-editor/block-anatomy#regular-block)
{% endhint %}

The **`Show Confirmation Popup`** block is used to present a [modal](https://en.wikipedia.org/wiki/Modal_window) popup containing a message or any other information to be shown the user. The modal popup presents both the OK and the Cancel buttons. This block is designed to get a confirmation from the user before carrying out subsequent actions.

<div align="left"><figure><img src="https://3401585094-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmnBepgycwgisXr9ya1N4%2Fuploads%2FrUb7F9YpXJ14B3oTR1mt%2Fimage.png?alt=media&#x26;token=49b9d40c-c411-4cd6-ace7-7130a711bd2f" alt="" width="370"><figcaption><p>Show Confirmation Popup block</p></figcaption></figure></div>

The block consists of the following (from top to bottom):

* *Title*: [Value Parameter](https://docs.zingy.ai/app-editor/block-anatomy#value-parameters) that accepts a [*text*](https://docs.zingy.ai/app-editor/page-flow/references/value-types) value to use for the title of the popup.
* *Message*: [Value Parameter](https://docs.zingy.ai/app-editor/block-anatomy#value-parameters) that accepts a [*text*](https://docs.zingy.ai/app-editor/page-flow/references/value-types) value to use for the message to be shown.
* *Customization*: Optional [Value Parameter](https://docs.zingy.ai/app-editor/block-anatomy#value-parameters) that accepts a [*object*](https://docs.zingy.ai/app-editor/page-flow/references/value-types) value with properties for [customizing the popup](https://docs.zingy.ai/app-editor/page-flow/references/popup-customization).
* *OK Tasks:* a [Flow Parameter](https://docs.zingy.ai/app-editor/block-anatomy#flow-parameters) where you connect blocks that specify what you want done if the user chooses the OK option.
* *Cancel Tasks*: a [Flow Parameter](https://docs.zingy.ai/app-editor/block-anatomy#flow-parameters) where you connect blocks that specify what you want done if the user chooses the Cancel option.

***

## Usage Example

The image below shows an example of the Show Confirmation Popup block used confirm before proceeding to delete a record from the app's database.

<figure><img src="https://3401585094-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmnBepgycwgisXr9ya1N4%2Fuploads%2FQJ7iac5voSEoNxVphRph%2Fimage.png?alt=media&#x26;token=96a9bde0-76f4-422f-bb03-33c2729423d9" alt=""><figcaption><p>Example of Show Confirmation Popup block</p></figcaption></figure>