> For the complete documentation index, see [llms.txt](https://docs.usegravity.app/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.usegravity.app/gravity-native/components/modal.md).

# 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**](/gravity-native/app-context.md).

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