---
components: Snackbar, SnackbarContent
---

# Snackbars

[Snackbars](https://material.io/guidelines/components/snackbars-toasts.html) provide brief feedback about an operation through a message - typically at the bottom of the screen.

Snackbars contain a single line of text directly related to the operation performed.
They may contain a text action, but no icons.

Only one snackbar may be displayed at a time.

## Simple

A basic snackbar that aims to reproduce Google Keep's snackbar behavior.

{{demo='pages/component-demos/snackbars/SimpleSnackbar.js'}}

## Message Length

Some snackbars with varying message length.

{{demo='pages/component-demos/snackbars/LongTextSnackbar.js'}}

## Positioned

There may be circumstances when the placement of the snackbar needs to be more flexible.

{{demo='pages/component-demos/snackbars/PositionedSnackbar.js'}}

## Transitions

### Control Direction

Change the direction of the transition. Slide is the default transition.

{{demo='pages/component-demos/snackbars/DirectionSnackbar.js'}}

### Change Transition

Use a different transition all together.

{{demo='pages/component-demos/snackbars/FadeSnackbar.js'}}