Designpedia
All terms
Overlays & Surfaces

Snackbar

also known as snack bar

A snackbar is Material Design's brief message that slides up from the bottom edge to confirm an action or report a process. Unlike a toast, it may include one action button (never 'Dismiss' or 'Cancel') and can be swiped away. It appears for a few seconds and shouldn't interrupt the user's flow.

See it live — shadcn/ui · MUI · Ant Design
Don't confuse it with
The Material distinction: a snackbar can carry a single action (e.g. 'UNDO') and be swiped off; a toast cannot. Both auto-dismiss and are non-blocking. A banner is more prominent and persists until the user acts on it.
In the wild
Gmail's 'Conversation archived. UNDO' bar at the bottom of the screen is a snackbar.
Tags
Sources