Design System React

AlphaThis a work in progress. Your input will help us to improve it. Report issues or raise questions on GitHub.

Notification panel

Last updated
19/12/2025
Package version
0.13.0
JSX for this example
<React.Fragment />

Notification panel configuration

NotificationPanel components can use the following props:

ariaLive (optional)
Value for an aria-live attribute on the notification panel, for cases where it's added to the page dynamically. Default is polite.
className (optional)
A CSS class name to pass to the component.
headingLevel (optional)
The heading level for the notification panel's message's title. The default is H1. Changing the heading level does not alter the notification panel's appearance.
title
Title of the notification panel.
Back to top