Snackbar

MatSnackBar displays brief messages at the bottom of the screen with optional action buttons.

Basic Snackbar

A simple snackbar with a text message that auto-dismisses after a few seconds.

Tap the button to show a snackbar.

Code
<button mat-raised-button color="primary" (click)="openSnackbar()">Show Snackbar</button>

Snackbar with Action

A snackbar with an action button (Undo) that lets users reverse the last operation.

Tap the button to show a snackbar with an action.

Code
<button mat-raised-button color="primary" (click)="openSnackbar()">Delete Item</button>