Notification banner

[sarawilcox]

Also known as: alert

What

An on-screen alert to notify users that something important has happened.

For example:

• an action was successful
• an action was not successful
• a deadline is imminent

GOV.UK has a notification banner component that we could port over but we'd like to hear from NHS teams with:

• examples from different contexts
• screenshots
• design thinking
• any UR findings

GOV.UK notification banner component

GOV.UK example

[edwardhorsford]

We're using this in my service. I think they're particularly relevant for clinician facing / casework services.

I've already halfway ported the GOV.UK one for NHS so am happy to have a stab at contributing it. I imagine we may want to vary the content though.

[edwardhorsford]

Here's an example of how we are using the notification banner. Essentially instead of a success page after performing certain actions.

[sarawilcox]

We're now working on adding this to the frontend and design system. Guidance to be based on GOV.UK guidance page.

[LauraJD]

Outcome of community prioritisation activity (June 2025):

Reach and Impact - Green
Effort and Technical feasibility - Green
Confidence and readiness - Green
Skill set availability - Green