# Notification

If you need to display feedback to a user in-app you should use a banner notification. These are perfect for displaying unobtrusive messages at the top of the viewport, such as when a form error occurs or an action has been completed successfully.

{% hint style="info" %}
If you want to send notifications when the user hasn't opened your app, you should use a [Push Notification](https://docs.usegravity.app/gravity-native/push-notifications).
{% endhint %}

## Showing Banner Notifications

You can show banner notifications from anywhere in your application using the [AppContext](https://docs.usegravity.app/gravity-native/app-context).

### Preview

<div align="left"><figure><img src="https://3357577683-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LlnrBGdA8s50Vnplq1j%2Fuploads%2FmXcpfuxkWm5fzFE4k7Go%2Fnotification.png?alt=media&#x26;token=584121f4-db7d-4577-ae5d-ac04c089da33" alt="" width="563"><figcaption></figcaption></figure></div>

### Code

```javascript
// structure
context.banner.show(message, type, autoclose);

// example
context.banner.hide('Hello World!', 'success', true);
```

### Parameters

| Prop      | Description                                            | Required | Value                           |
| --------- | ------------------------------------------------------ | -------- | ------------------------------- |
| autoclose | determine if the notification disappears automatically | optional | boolean *(default: false)*      |
| hasHeader | add padding if the header is visible                   | optional | boolean                         |
| text      | message text                                           | required | string                          |
| type      | banner type                                            | required | success, error or warning, info |