Component reference

Snackbar

Material 3 Expressive Snackbar component for brief feedback messages with animations.

Material 3Web ComponentFramework agnostic

Basic

Show Snackbar

Settings saved successfully

<m3-snackbar open>Message sent</m3-snackbar>

With Action

Show Snackbar

Message deleted Undo

<m3-snackbar open>Message deleted
  <m3-button slot="action" variant="text">Undo</m3-button>
</m3-snackbar>

Two-Line

Show Snackbar

This item was moved to trash. It will be deleted permanently in 30 days. Undo

<m3-snackbar open lines="2">
  This item was moved to trash. It will be deleted permanently in 30 days.
  <m3-button slot="action" variant="text">Undo</m3-button>
</m3-snackbar>