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
heading
string
Defaults to
Notifications.
activeTab
unread | urgent | all
Defaults to
unread.
testId
string
Events
onMarkAllRead
() => void
_markAllRead
CustomEvent
onViewAll
() => void
_viewAll
CustomEvent
Notification Item Props
type
default | success | critical | warning | info
Defaults to
default.
timestamp
string
title
string
description
string
readStatus
read | unread
Defaults to
unread.
priority
normal | urgent
Defaults to
normal.
testId
string
Notification Item Events
onClick
(event: Event) => void
_click
CustomEvent
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.
