Snackbar (or toast, or growl)



Other Guidelines

  • Avoid, if possible.
  • Use text length for calculating the amount of time the toast remains on screen: 3 seconds plus 120 milliseconds per character.
  • Do not rely on hover to dismiss
  • If you are using color to flag different modes, provide text that conveys the mode as well (warning, info, danger, etc)
  • Do not load on page load.
  • Always display toast in same location.