Alert

Style

Toasts use a similar layout to an alert, but they include a drop shadow and are placed in the viewport corner. For anatomy, themes, and spacing tokens, see Alert element — Style and the Toast subsection.

Placement and persistence

A toast slides in from the top corner of the page. It can stay until dismissed (persistent via persistent: true in the API) or disappear after about eight seconds unless the user dismisses it first.

Dismissal

Toast alerts include a close button.