UI Components

Toast Message

A toast message is a small temporary message that appears after an action.

Also called ToastSnackbarNotificationPop-up messageSaved message

Visual Example

Try it: save to show a temporary message.

Plain Definition

Toast messages give brief feedback without taking over the screen.

You Might Describe This As...

  • "small saved notification"
  • "message that appears in the corner"
  • "temporary success message"
  • "quick pop up after an action"

Fast lookup

You May Also Mean

Toast messages are temporary and usually do not block the page; modals interrupt the current task.

Modal

Check the name, visual cue, and typical use.

Popup

Check the name, visual cue, and typical use.

Toast Message vs Modal

See the practical difference side by side.

What It Is Used For

  • Confirming a save
  • Showing a quick error
  • Reporting that an action finished

Example User Phrasing

  • "Show a toast after the file is saved."
  • "Add a small message in the corner when the action finishes."