---
title: "custom modal · RUAL Documentation"
description: "Opens a modal based on the connected UI component"
canonical: https://docs.rual.nl/block-types/User%20Interface/uicomponent_modal
language: en
---

# custom modal

This block is part of the [`User Interface`](https://docs.rual.nl/block-types/User%20Interface) group and was last modified in core [`v13.0.2`](https://docs.rual.nl/core-versions/130002).

Opens a modal based on the connected UI component

- flow `flow`

- Unique id `value` Value to make the outlet unique if it is being used multiple times on the page

- UI Component required `uicomponent`

- class: backdrop `v11.5.3` `uiclass` Default `modal-backdrop show`

- style: backdrop `v11.5.3` `uistyle`

- class: wrapper `v11.5.3` `uiclass` Default `modal show modal-open d-block`

- style: wrapper `v11.5.3` `uistyle`

- class: modal `v11.5.3` `uiclass` Default `modal-dialog modal-dialog-centered`

- style: modal `v11.5.3` `uistyle`

- class: content `v11.5.3` `uiclass` Default `modal-content`

- style: content `v11.5.3` `uistyle`

- On Close `v10.4.51` `inpinfunction` Function that will be executed as soon as the modal closes

- flow `flow`

| `open` |
| --- |

### Version history

Introduced in [`v13.0.2`](https://docs.rual.nl/core-versions/130002).

Deprecated since [`v13.0.2`](https://docs.rual.nl/core-versions/130002).

- [v11.5.3](https://docs.rual.nl/core-versions/110503): This block or one of its pins was updated in `v11.5.3`, click here to see the release notes.

- [v10.4.51](https://docs.rual.nl/core-versions/100451): This block or one of its pins was updated in `v10.4.51`, click here to see the release notes.

- [Back to `User Interface`](https://docs.rual.nl/block-types/User%20Interface): Return to the main group to view all sub-groups

- [Back to `UI`](https://docs.rual.nl/block-types/User%20Interface?group=UI): Return to the group to view all blocks within this group