Getting Started
Overview
Installation
Theme
Forms
Basic Inputs
Select
Custom Inputs
Components
Navigation
Components
69
Micro Charts
Libraries
Kanban Board
Image Designer
Video Player
Visual Builder
Content Editor
Data View
Latest npm version of @ngstarter-ui/componentsWeekly npm downloads of @ngstarter-ui/components
Purchase

Notifications

Notifications display user-facing events in a structured feed or inbox: comments, mentions, invitations, assignments, access requests, status changes, completed processes, and other updates addressed to the current user.

Use a single notification for one event, or notification list with typed templates when notifications come from an array and each type needs its own layout.

Use unread state for notifications the user has not seen yet. Use notification controls for per-notification actions such as mute, delete, or mark as read.

Do not use Notifications for system messages on a page; use Alert or Announcement. Do not use it for critical required actions; use ActionRequired. Do not use it for service health; use Incidents. Do not use it for generic activity feeds that are not user notifications; use List.

ngs-notification-list

PropTypeDefault
notifications*
The list of notifications to display
T[][]
static
Whether the list should have a static height/behavior
booleantrue

ngs-notification

PropTypeDefault
isUnread
Whether the notification is unread
booleanfalse