Notification Panel
A notification center panel that displays notification items within a work side menu, with tabs for filtering by unread, urgent, and all notifications.
Props
activeTab
GoabWorkSideNotificationActiveTabType
Sets the initially active tab.
Defaults to
unread.
heading
string
Sets the panel heading text.
Defaults to
Notifications.
testId
string
Sets a data-testid attribute for automated testing.
Events
onMarkAllRead
() => void
Callback fired when the "Mark all as read" button is clicked.
onViewAll
() => void
Callback fired when the "View all" button is clicked.
Notification Item Props
description
string
The body text content of the notification card.
priority
GoabWorkSideNotificationPriority
Sets the urgency level of the notification.
Defaults to
normal.
readStatus
GoabWorkSideNotificationReadStatus
Indicates whether the notification has been read or is unread.
Defaults to
unread.
testId
string
Sets a data-testid attribute for automated testing.
timestamp
string
ISO timestamp string representing when the notification occurred.
title
string
Title text displayed in the notification card header.
type
GoabWorkSideNotificationItemType
Sets the visual type/style of the notification item.
Defaults to
default.
Notification Item Events
onClick
() => void
Callback fired when the notification item is clicked.
The workspace is for productivity-focused services used by service delivery staff as a daily tool to review information, manage records, and complete tasks. The design prioritizes productivity, efficiency, and accuracy so staff can move through their work quickly while ensuring the best outcome for citizens and government.
Workspaces should be adapted to fit each service's context and user needs. The reference example is a starting point to expand on, not a rigid template.
