> For the complete documentation index, see [llms.txt](https://docs.acho.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.acho.io/app-builder/app-construction/elements/web-elements/notification.md).
# Notification
Notification displays a global notification message at the corner of the page.
Similar to a [Message](/app-builder/app-construction/elements/web-elements/message.md), you can customize the notification by clicking on "Edit Notification". You will also need an interaction to trigger the notification to open.
## Properties
**Position:** Choose to display the message on the top-right, top-left, bottom-right, or bottom-left of the screen
**Duration:** How long the notification will be displayed on the screen
**Offset top:** Offset from the top edge of the screen in pixels.
**Show close icon:** When toggled on, users will be able to close the message manually.
**Z-index:** Set the z-index of the message. See [CSS doc](https://developer.mozilla.org/en-US/docs/Web/CSS/z-index) for more.
See [Tooltip](/app-builder/app-construction/elements/tooltip.md) for tooltip configurations.
## Supported Events
**Click Notification:** Triggered when a user clicks on the notification.
**Close Notification:** Triggered when a user closes the notification.
## Supported Actions
**Show Notification:** Display notification on the screen.
**Close Notification:** Close notification.
**Set Data:** Change element data. See [Data Store](/app-builder/app-construction/data-store.md).
**Set Loading:** Set loading animation. See [Set loading animations](/app-builder/popular-use-cases/set-loading-animations.md).
{% hint style="info" %}
Visit [Interactions](/app-builder/app-construction/interactions.md) for more on events and actions.
{% endhint %}