Skip to content

Snackbar ​

Snackbars provide brief messages about app processes at the bottom of the screen.

Overview · Specs · Guidelines · Accessibility

Snackbar

  • Snackbars shouldn’t interrupt the user’s experience 
  • Usually appear at the bottom of the UI
  • Can disappear on their own or remain on screen until the user takes action

Diagram of snackbar placement

Availability & resources ​

TypeResourceStatus
DesignDesign Kit (Figma)Available
ImplementationFlutterAvailable
ImplementationJetpack ComposeAvailable
ImplementationAndroid Views (MDC-Android)Available
ImplementationWebUnavailable

Differences from M2 ​

  • Color: New color mappings and compatibility with dynamic color
  • Behavior: Clarified that snackbars can either appear temporarily (dismissive) or persist until the user takes an action (non-dismissive)

Example of snackbar on screen bottom

Snackbars have new color mappings

Unofficial offline mirror. Content © Google, licensed under CC BY 4.0.