Toast

A toast is an element that displays a brief, non-critical message in a way that attracts the user's attention without interrupting the user's task. Toasts are often displayed in the corner of app UI, and often disappear on a timeout.

Names

Notification - Ant Design, Lightning Design System
Toasts - Bootstrap
Toast - Carbon Design System, Lightning Design System, Primer Design System

Concepts

Show descriptionsCollapse all

notification

toast

Ant Design notification

basic concept on a Toast component in Bootstrap.

Bootstrap toast

basic concept on a Toast component in Carbon Design System.

Carbon Design System toast

basic concept on a Toast component in Lightning Design System.

Lightning Design System notification

Lightning Design System toast

basic concept on a Toast component in Primer Design System.

Primer Design System toast

Toast

Names

Concepts

▼ basic