Toasts

  1. Components
  2. Toasts

Toast playground

Choose a notification type and screen position.

Workspace update

A standard notification with context.

WorkspaceJust now
Your latest project updates are ready to review.

Success message

Confirm a completed action.

Changes savedYour profile details are up to date.

Warning notice

Explain an action that needs attention.

Invoice reviewJust now
Confirm the client details before preparing your invoice.

Action notification

Include a useful destination.

New project files

Research notes and release documents were added to the workspace.

Browse files

Team notification

Add an avatar and a clear author.

Liam Carter5 min ago
The onboarding roadmap is ready for team review.

Dark notification

A contrasting surface for compact feedback.

Your session is securely connected.

Persistent notification

Stay visible until dismissed.

Use a persistent message when the user needs time to review it.

Stacked notifications

Show a small group of related messages.

Preview three short workspace updates in a notification stack.

Toastify notification

Use the existing Toastify plugin for a compact notice.

An alternative notification style using the project plugin.