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

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.

The NgStarter Angular Notifications component lets you display user-facing notification events in a structured feed or inbox. Use Notifications for events addressed to the current user: comments, mentions, invitations, assignments, access requests, status changes, completed processes, and user-specific updates. It includes examples for Basic notifications, Notification variants, and Notification list.

Basic notifications

Use a basic notification when composing one user-facing event directly in a template.

IdenticonDiceBearhttps://www.dicebear.comhttps://creativecommons.org/publicdomain/zero/1.0/„Identicon” (https://www.dicebear.com) by „DiceBear”, licensed under „CC0 1.0” (https://creativecommons.org/publicdomain/zero/1.0/)
Sam Anderson commented your post Super article
This is a comment.
1 day ago
IdenticonDiceBearhttps://www.dicebear.comhttps://creativecommons.org/publicdomain/zero/1.0/„Identicon” (https://www.dicebear.com) by „DiceBear”, licensed under „CC0 1.0” (https://creativecommons.org/publicdomain/zero/1.0/)
Sam Anderson commented your post Super article
This is a comment.
1 day ago
IdenticonDiceBearhttps://www.dicebear.comhttps://creativecommons.org/publicdomain/zero/1.0/„Identicon” (https://www.dicebear.com) by „DiceBear”, licensed under „CC0 1.0” (https://creativecommons.org/publicdomain/zero/1.0/)
Sam Anderson commented your post Super article
This is a comment.
1 day ago
Sam Anderson deleted his publication Super article
a week ago

Notification variants

Use notification variants to show richer user-specific events with avatars, icons, nested context, chips, and inline actions.

Mila Ray mentioned you in Launch planning
Can you confirm the rollout window before we lock the customer email?
Just now
Nolan Kim requested access to Q3 Pipeline
Workspace role: Editor
8 minutes ago
Import finished for Enterprise accounts.csv
2,418 rows imported, 12 duplicates skipped, and 3 rows need review.
Complete
3 warnings
32 minutes ago
Sofia Chen assigned you Review renewal risks
Review renewal risks
Customer success board
Due today
1 hour ago
Billing retry is scheduled for Acme Workspace
The last payment attempt failed. Update the payment method before Friday to keep exports enabled.
Yesterday
Your security policy was updated by Admin Team
Session timeout changed to 30 minutes and device approval is now required for new sign-ins.
2 days ago

Notification list

Use a notification list when notifications come from data and each notification type needs a template.

Justin Hansen what did you say?
This is a comment.
1 hour ago
Johnny Gladden invited you to edit My New Project
My New Project
2 hours ago
Justin Hansen
This is a comment.
1 hour ago