---
url: /components/snackbar/overview.md
description: >-
  Snackbars provide brief messages about app processes at the bottom of the
  screen.
---

# Snackbar

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

**Overview** · [Specs](specs.md) · [Guidelines](guidelines.md) · [Accessibility](accessibility.md)

![Snackbar](/assets/80fde276-mrolbxf9-snack-bars.Bobb9SNl.webp)

* 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](/assets/55f6b6fb-lwow6ukp-1.P5j_-7f0.webp)

## Availability & resources

| Type | Resource | Status |
| --- | --- | --- |
| Design | [Design Kit (Figma)](https://www.figma.com/community/file/1035203688168086460) | Available |
| Implementation | [Flutter](https://api.flutter.dev/flutter/material/SnackBar-class.html) | Available |
| Implementation | [Jetpack Compose](https://developer.android.com/develop/ui/compose/components/snackbar) | Available |
| Implementation | [Android Views (MDC-Android)](https://github.com/material-components/material-components-android/blob/master/docs/components/Snackbar.md) | Available |
| Implementation | Web | Unavailable |

## Differences from M2

* Color: New color mappings and compatibility with [dynamic color](../../styles/color/dynamic/choosing-a-source.md "Dynamic color takes a single color from a user's wallpaper or in-app content and creates an accessible color scheme assigned to elements in the UI.")
* 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](/assets/93f3dc87-lwow95bc-2.DST0PSFA.webp)

Snackbars have new color mappings