/
Snackbar

Snackbar

Owned by Amish Ladhu
Last updated: Jul 29, 2020
1 min read

References


Example

Usage Rules

Snackbar messages should be utilised in cases where feedback is required for entire page related actions. For individual input related feedback, see Input Hints usage rules.

Confirmation (Green)

  • The confirmation snackbar should be used once a positive action has taken place, e.g:

    • ‘Your information has been saved’

    • ‘Your password has been successfully changed’

Errors/Warnings (Red)

  • The error snackbar should be used if an error has taken place, e.g:

    • ‘Incorrect login credentials’

    • ‘Your passwords do not match’