# In-App Modals

<figure><img src="https://125370873-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzdpN2Lz0hzXpnNScDzVt%2Fuploads%2F4HE2dytHoB8soaTe4az1%2Fimage.png?alt=media&#x26;token=c67201f7-f2b1-492d-ae26-fa34419f46ce" alt=""><figcaption></figcaption></figure>

Selecting a specific modal within the section initializes the modal interface and displays its configurable properties. This allows for the adjustment of modal-specific settings and layout attributes.

#### Variables

A set of `Properties` is defined for each widget when it is used for building the modal - For example: `text and` `hidden`. The values set in these properties are accessible as exposed variables using low-code methodology.

Click on the Data icon next to the component to see the exposed variables of the component

<figure><img src="https://125370873-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzdpN2Lz0hzXpnNScDzVt%2Fuploads%2FYYQ5pLvO8u01wCA7Uqoo%2Fimage.png?alt=media&#x26;token=f8dd3b0d-0b68-4494-a869-e29378e5cc58" alt=""><figcaption></figcaption></figure>

```javascript
{{txtName.hidden}} 
//Returns the boolean value, originally set in the 'hidden' property of the widget
```