#Notification
Description
Notifications are used in applications to notify the user of status changes that happen within the application. Notifications could appear as inline messages, or projected (temporarily) as an overlay not he screen.
Documentation
A standard notification requires the following markup:
Hello world!
It will render as a message box on the screen, with a small 'x' button with which the user may dismiss the notification.
If you want a Growl/Macos banner style message box that is super imposed on the screen, then consider the following markup:
Hello world!
It's not necessary to use a <p> tag. Also a <div class="pat-notification"> could be used with rich content inside.
| Property | Values | Type | Description |
|---|---|---|---|
type |
static, banner |
ME | Use static (default) for an inline message box. Use banner for super imposed message boxes that can be self healing |
healing |
'A value in seconds' persistent |
ME | Enter a value in seconds for when the message should heal itself or choose persistent if only the user can dismiss the message. The default value is 5s (Five seconds). |
class |
Any valid CSS class name | String | You can assign an extra class to the notification panel. For instance to give it a warning colour in certain situations. |
Store |
none, session or local |
ME | Allows for storing the dismiss status. Upon page reload, a once dismissed notification will not be visible again. (Not relevant for injected notifications) |
close-text |
Any valid string | String. | Specify a custom string for the close button. |
| <!-- | 'controls' | icons buttons none |
List |