# Modal

A modal blocks all user interaction and displays a message to the user or asks for feedback using a form.

```javascript
<Modal title='Edit User'>
  <Children/>
</Modal>
```

| Prop      | Description        | Required | Value                           |
| --------- | ------------------ | -------- | ------------------------------- |
| animation | animation type     | optional | slide *(default)*, fade or none |
| title     | title of the modal | required | string                          |

You can trigger a modal from anywhere in your application using the [**AppContext**](https://docs.usegravity.app/gravity-native/app-context).

```javascript
context.modal.show()
context.modal.hide()
```