> 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/notification.md).

# 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](/gravity-native/push-notifications.md).
{% endhint %}

## Showing Banner Notifications

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

### Preview

<div align="left"><figure><img src="/files/OV3XaGxzYZiMga3dyMIx" 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 |