Notifications You can use the Notifications List Component to create lists with different types of notifications for your application users.

Inline

The Notification List component can be created directly in the main content area or can be wrapped inside other elements like content boxes, popovers, dialogs, dropdowns, etc.

  • This is an error notification
    a few seconds ago
  • This is a warning notification
    15 minutes ago
  • Alternate error notification styling using helpers.
    2 hours ago

Notification Lists inside content boxes

You can add notification lists inside content boxes with or without content spacing and custom scrollbars.

Without content spacing

  • This is an error notification
    a few seconds ago
  • This is a warning notification
    15 minutes ago
  • Alternate error notification styling using helpers.
    2 hours ago
  • This is an error notification
    a few seconds ago
  • This is a warning notification
    15 minutes ago
  • Alternate notification styling.
    2 hours ago

Notification list widget

  • This is an error notification
    a few seconds ago
  • This is a warning notification
    15 minutes ago
  • Alternate error notification styling using helpers.
    2 hours ago
  • This is an error notification
    a few seconds ago
  • This is a warning notification
    15 minutes ago
  • Alternate error notification styling using helpers.
    2 hours ago

Notification Lists inside popovers

You can also add notification lists inside popovers. Click the button below to see it in action.

5 Click for popover example
  • This is an error notification
    a few seconds ago
  • This is a warning notification
    15 minutes ago
  • A success message example.
    2 hours ago
  • This is an error notification
    a few seconds ago
  • This is a warning notification
    15 minutes ago
  • Alternate notification styling.
    2 hours ago