AuraAura Docs

Notification Center

Your inbox for all platform notifications.

The Notification Center is where all your Aura notifications live. You can get to it by clicking the bell icon in the top navigation bar.

The bell icon and panel

The bell sits in the header area of the app. When you have unread notifications or active account alerts, a red badge appears on the bell showing the total count (up to "99+"). The bell icon also animates with a gentle shake when there are unread items.

Opening the panel

Click the bell to open a floating panel. On desktop, it appears as a dropdown anchored to the bell. On mobile, it takes up most of the screen with a backdrop overlay. Click outside the panel or tap the X button (mobile) to close it.

Inbox and Archived tabs

The notification panel has two tabs at the top:

  • Inbox -- your primary notification feed. This is where new notifications arrive. The tab shows an unread count badge next to the label. The inbox automatically checks for new notifications every 30 seconds in the background.
  • Archived -- notifications you've archived. The tab shows an archived count badge. This feed refreshes every 60 seconds.

Time grouping

Notifications in both tabs are organized under time-based headers:

  • Today -- notifications from today
  • Yesterday -- from yesterday
  • Earlier This Week -- from the past 7 days
  • Last Week -- from 8-14 days ago
  • Earlier This Month -- older items from the current month
  • Last Month -- from the previous month
  • Month name -- for older notifications within the current year
  • Month Year -- for notifications from previous years

Notification items

What each notification shows

Every notification shows:

  • A colored dot indicating its type (green for success, red for errors, etc.)
  • The title in bold (or semibold if already read)
  • The message below the title (up to two lines)
  • A relative timestamp on the right (like "5m", "2h", "3d")
  • A checkbox on the left for multi-select (hidden for global/update notifications)

Unread notifications have a white background, while read ones have a slightly gray background.

Per-notification actions

Hover over a notification on desktop (or look below the message on mobile) to see action buttons:

  • Mark read / Mark unread -- toggle the read state (envelope icon). Only available in the Inbox tab.
  • Archive -- move the notification to the Archived tab (box icon). Only in the Inbox tab.
  • Move to inbox -- unarchive and move back to the Inbox. Only in the Archived tab.
  • Delete -- permanently remove the notification (trash icon).

Global notifications (like product updates) cannot be deleted or archived. They appear in your inbox for everyone and only support marking as read or unread.

Clicking a notification

If a notification has a link attached (many do), clicking it will:

  1. Mark it as read (if it was unread)
  2. Navigate you to the relevant page
  3. Close the notification panel

If the notification doesn't have a link, clicking it just marks it as read. If you're in multi-select mode, clicking a notification toggles its checkbox instead.

Multi-select mode

Click the checkbox next to any notification to enter multi-select mode. Once at least one is selected:

  • A selection bar appears at the top showing how many are selected
  • A select all checkbox lets you check or uncheck every notification on the current tab (excluding global ones)
  • Batch action buttons appear:
    • Mark read -- mark all selected as read
    • Mark unread -- mark all selected as unread
    • Archive / Move to inbox -- archive (or unarchive) all selected
    • Delete -- delete all selected
    • Clear selection (X button) -- deselect everything

Loading more

If you have many notifications, a Show more button appears at the bottom of the list. Click it to load the next page. Once you've reached the end, you'll see either "You're all caught up" (Inbox) or a count like "42 archived" (Archived).

Last updated on

On this page