Sign In Get all access

Toast, lifecycle

Uploads, exports and syncs that report once.

Get Pro to installPro18 blocksReact, Vue and Figma

AltT or F6 jumps to the newest toast

Reports/Q3 revenue.xlsx

Q3 revenue.xlsxUpdated 09:12 · 14,208 rows

RegionJulAugSep

North America412,300398,120441,870

Northern Europe188,940176,400–

South-East Asia96,210101,880–

Latin America74,56079,02083,410

More in Alerts and Toasts#

Simple Alert

Confirmations, quick status, anything that should self-dismiss

Simple Alert, ring

Quiet confirmations where the control that closes it should say when

Simple Alert, wash

Status notes that should read as part of the page, not float over it

Alert with Actions

Update prompts, confirmations that need a choice, background job results

Alert with Actions, ring

Alerts whose actions sit beside the text on wide screens

Alert with Actions, wash

A job the alert itself carries from start to finish

Expandable Alert

Longer notices that default to a preview, with an option to keep reading

Expandable Alert, ring

Notices with structured detail

Expandable Alert, wash

Notices that read like a receipt

Toast

Transient system messages, background status, compact banners

Toast, island

Apps that want one calm message at a time

Toast, lifecycle

Uploads, exports and syncs that report once

Attachment Toast

File/attachment notices, richer background-job results

Attachment Toast, upload tray

Uploading several files at once

Attachment Toast, peek

Checking an export without leaving the toast

Insight banner

Telling someone something the data noticed, at three volumes

Insight banner, volume

One insight that can be played louder or quieter

Insight banner, queue

Dashboards that notice several things at once

When to use#

A background job finished while the person was somewhere else in the app
A submission failed for a reason no single field can explain
A change applied and you want to offer a few seconds of Undo
System status shifted: a connection dropped, a sync resumed

The whole set, with its codePro

Pro opens the Code tab on every block here, in React and Vue, plus the Figma file and the MCP server for your editor.

Open in Blocks See plans