By default, the Notification remains visible for five seconds before it disappears.

If the user clicks anywhere on a notification, it immediately hides. You can delay the hiding of the component by configuring this option in milliseconds. If you set a zero value, the automatic hiding is disabled. After its hiding animation is completed, the dismissed notification is removed from the DOM.

If you want to make the notification more intuitive for the end user, the component allows you to display a Close button. You can also disable the default behavior of hiding a notification by clicking anywhere on it. In this case, the user can dismiss the notification only by clicking the Close button (if present).

You can also postpone the manual hiding of a notification, which is useful when preventing the user from accidentally hiding a notification that appeared shortly before that. By default, the option to postpone the hiding of a notification is disabled.

The following example demonstrates how to manage the hidden state of the Notification.

Was this article helpful?

/

Give article feedback

Tell us how we can improve this article

Code samples are
inaccurate / outdated.
I expected to find
other / more information.
There are typos / broken
links / broken page elements.
Content is inaccurate
/ outdated.
Other
By checking this
box you consent to Progress contacting you by email about your response on this page.