Menu
Components
Notifications
Hey, this is an old version. View the latest
Notifications are used to alert a user of an important piece of information that will aid them in completing their journey.
UX Owner: Jo Welling
UI Owner: Steven Roberts
Note: This component doesn't yet exist in Storybook, preliminary image(s) shown.
On this page
Example
When to use
A notification can be used where:
- You have an important piece of information that you need the user to see without their interaction
When not to use
A notification should be avoided where:
- The information is not vital to a user and they could complete the journey without it (in this case try using help)
Variants
Success
When to use
- To give a user as positive message after they have completed a successful action
Error
When to use
- To tell a user that they have made a mistake and caused an error as a result of an action they have made
- To tell a user something has gone wrong with the service even if they didn't directly cause it
Warning
When to use
- To generally warn a user of something that could happen during their journey
- More specifically to warn a user of a potential error they may find
- To inform the user of essential information they should be aware of before continuing their journey (e.g. on travel would be used for COVID messages / government guidelines / restricted dates)
Anatomy
Coming soon
- Notification content
Similar components
There are a range of components that resemble the notifications, either visually or in their functionality:
Where to find this component
Documentation version history
Last updated Tuesday, 30th March 2021 09:39 by Gemma D.
Show version history
Changes In This Version
| Changed Field(s) |
|---|
Change History
| Change | Date | User |
|---|---|---|
| Version 27 | Tuesday, 30th March 2021 09:39 | Gemma D. |
| Version 26 | Monday, 29th March 2021 21:48 | Gemma D. |
| Version 25 | Monday, 29th March 2021 21:05 | Gemma D. |
| Version 24 | Monday, 29th March 2021 16:42 | Gemma D. |
| Version 23 | Monday, 29th March 2021 13:37 | Gemma D. |
| Version 22 | Monday, 29th March 2021 13:02 | Gemma D. |
| Version 21 | Monday, 29th March 2021 12:17 | Ken Pickering |
| Version 20 | Monday, 29th March 2021 12:17 | Ken Pickering |
| Version 19 | Monday, 29th March 2021 12:16 | Ken Pickering |
| Version 18 | Friday, 26th March 2021 16:27 | Charlie Corkbeat |
| Version 17 | Friday, 26th March 2021 15:57 | Charlie Corkbeat |
| Version 16 | Friday, 26th March 2021 11:41 | Charlie Corkbeat |
| Version 15 | Friday, 26th March 2021 10:45 | Charlie Corkbeat |
| Version 14 | Friday, 26th March 2021 10:35 | Charlie Corkbeat |
| Version 13 | Friday, 26th March 2021 10:26 | Charlie Corkbeat |
| Version 12 | Friday, 26th March 2021 10:25 | Charlie Corkbeat |
| Version 11 | Monday, 15th March 2021 22:35 | Gemma D. |