# Triggering a callback

#### [> ModalProp API](https://colorfy-software.gitbook.io/react-native-modalfy/api/types/modalprop)

You may often want to perform an action as soon as you open or close a modal. Up until now, you had to skillfully employ `setTimeout()` in order to trigger your function after the modal is done animating. With Modalfy v3, you no longer have to think about it thanks to the built-in support of callbacks.

## 1. When opening

The [**`openModal()`**](https://colorfy-software.gitbook.io/react-native-modalfy/api/types/modalprop#openmodal) function now accepts a 3rd argument that designates your callback. Simply provide it and you should see it be invoked *after* the modal has been opened (this includes animation time as well).

{% tabs %}
{% tab title="TypeScript" %}

```typescript
openModal('WelcomeModal', undefined, () => {
  console.log(`✅ Opened WelcomeModal`)
})

openModal('ErrorModal', { titleColor: 'red' }, () => {
  closeModal('WelcomeModal')
})
```

{% endtab %}
{% endtabs %}

{% hint style="info" %}
As you can see, [**`openModal()`**](https://colorfy-software.gitbook.io/react-native-modalfy/api/types/modalprop#openmodal)still expects the`modalName`and`params`as the first two arguments, with the latter being optional.
{% endhint %}

## 2. When closing

As you'd expect, all the closing methods have also received a new argument that behaves in the same capacity:

{% tabs %}
{% tab title="TypeScript" %}

```typescript
closeModal('ErrorModal', () => openModal('LoginModal'))

closeModals('ErrorModal', () => console.log('✅ Closed all ErrorModal'))

closeAllModals(() => console.log('✅ Closed all modals'))
```

{% endtab %}
{% endtabs %}

{% hint style="info" %}
You'll notice that [**`closeModal()`**](https://colorfy-software.gitbook.io/react-native-modalfy/api/types/modalprop#closemodal) first argument is optional. That's you can either provide `undefined` (to close the latest opened modal) or specify a name to close another one.
{% endhint %}

## Things to remember

If you're using [**`animationIn`**](https://colorfy-software.gitbook.io/react-native-modalfy/api/types/modaloptions#animationin)/[**`animationOut`**](https://colorfy-software.gitbook.io/react-native-modalfy/api/types/modaloptions#animationout) to drive the modal animations yourself, remember that you have to call the new `callback` argument there in order for your callbacks to be called. You can refer to the dedicated section in the [**Upgrading from v2.x**](https://colorfy-software.gitbook.io/react-native-modalfy/upgrading#modaloptions.animateout-new-mandatory-callback-argument) guide to learn more about it.