The Notification provides a styled UI component with arbitrary content which can provide information to the user on various occasions.
You can initialize the Notification from any element because the component does not manipulate the content of that element. The element will be hidden if the component is used with popup notifications or if static notifications are not appended to the Notification element. In these two cases it is assumed that the element will not be needed.
However, if the Notification element is intended to contain static (non-popup) notifications, then its tag is recommended to be such so as to allow the nesting of elements inside the notification template. For example, inline elements, such as
<em>, cannot contain block elements, such as
<li>, or headings. It is perfectly fine to use a
<div> element for initiating the component.
- Notification types—The Notification supports a set of built-in types which indicate the outcome of a process, for example, success or error.
- Messages—You can use the popup and static layout of the Notification to communicate its message.
Hiding—The Notification enables you to configure the duration it will remain open after its initial load.
- Templates—You can also apply a template to the corresponding built-in or custom notification type and customize the behavior and styling of the component.
- Globalization—The Notification provides globalization options to fit well in any application no matter what languages and locales are required, and also enables you to position it and render its content in a right-to-left (RTL) direction.